@charset "UTF-8";

div#container{
	width: 945px;
	margin: 0 auto;
	text-align: left;
	}
div#apDiv2 {
	position:relative;
	width:100%;
	z-index:2;
	vertical-align:middle;
	top:-20px;
}	

/* ----------------------------
   Generic Styling
-----------------------------*/
*{
	font-family: Verdana, Tahoma, Arial;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: #f1e4c4 url(../art/site-bg.jpg) center top repeat;
	font-size: 12px;
}
	
p{
	font-size: 11px;
	line-height: 14px;
	}

img, div, table, 
.png {
	behavior: url("/js/iepngfix.htc");
	border:0;
	}
	
	
select, option {
  behavior: url("/js/option.htc");
}

img, a img, fieldset, table{
	border: 0;
	}

.bgShare {
	background-image:url(art/body_bg_taf.jpg); 
	background-repeat:no-repeat; 
	background-position:0px 100px;
	ba
	}
	
.itenary-label{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;	
	font-weight:bold;	
	margin-top:20px;
	margin-bottom:0px;	
}
	
.itenary-photos-left{
	margin-right:15px;
	margin-left:10px;
	margin-bottom:50px;
	float:left;	
}

.itenary-photos-left1{
	margin-right:15px;
	margin-left:10px;
	margin-bottom:10px;
	float:left;	
}

.itenary-photos-right{
	margin-right:20px;
	margin-left:20px;
	margin-bottom:10px;
	float:right;	
}
	
.itenary-city{
	color:#660000;
}
.itenary-firstP {
	margin-top:0px;
}
	
.itenary-legend{
	font-size: 9px;
	font-weight:normal;
	font-style:italic
}

.itenary-table{
	width:945px;
	background:url(../art/body_bg.gif);
	background-repeat:no-repeat;
	margin-left:auto; 
	margin-right:auto;	
}
.itenary-table-headings{
	/*width:945px;
	margin-left:auto; 
	margin-right:auto;*/	
}
.itenary-table-inner{
	width:850px;
	margin-left:auto; 
	margin-right:auto;	
}
.itenary-table-inner2{
	width:850px;
	margin-left:auto; 
	margin-right:auto;	
	text-align:justify;	
}
li{
	font-size:11px;
	text-align:justify;	
list-style-image: url(../art/bullet.gif);
}
ul{
	margin-top:0px;
}

.itenary-printmap{
	display:none;
}		

.RouteHeader1 {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;	
}	

.RouteHeader2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;	
}	

.RouteDesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: none;
	line-height: 1.3em;
	padding-top: 20px;
	padding-bottom: 15px;
}
.RouteFactsHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 10px;
	margin-bottom: 25px;
	font-weight: bold;
	color: #660000;
}
.RouteFactsDesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: none;
	font-size: 10px;
	margin-bottom: 25px;
	font-weight: normal;
}
.RouteHelpLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: none;
	font-size: 11px;
	margin-bottom: 25px;
	font-weight: normal;
	color: #cc3300;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.Footer {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.FooterB {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.Footer-Link {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
/*.Footer-Copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;	
	color: #28256d;
}*/

.Brochure_Quicklink {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	width:280px;
	margin-left:25px;
	margin-top:45px;
}
.Brochure_Title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #660000;
}
.BrochureBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #660000;
}
.Brochure_Desc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #cc3300;
}
.Brochure_Form_Title {
	font-family:  Tahoma, Arial;
	font-size: 17px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
}
.Brochure_Form_Label {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-transform: none;
	font-weight: normal;
	line-height: 17px;
}
/* removed on 20100104
#BgWorkArd {
	position:absolute;
	width:100%;
	background-image: url(../art/html_bg.png);
	background-repeat: repeat-x;
}*/

.MythsLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.3em;
}
.MythsDesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: none;
	line-height: 15px;
}
.tooltips{
	background:url(../art/postit_bg.png);
	width:296px;
	margin-top:50px;
}

/*---------- bubble tooltip -----------*/
a.tt{
	position:relative;
	z-index:24;
	color:#FFFFFF;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #FFFFFF; background:; text-decoration:none;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-45px; left:70px;
	padding: 0px 0px 0px 0px;
	width:260px;
	color: #FFFFFF;
    text-align: center;
	text-decoration:none;
}
a.tt:hover span.top{
	display: block;
	padding: 0px px 0px 0px;
    background: url(../art/bubble.gif) no-repeat top;
	text-decoration:none;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	font-family:Arial;
	font-size: 10px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;	
	text-decoration:none;
	background: url(../art/bubble_filler.gif) repeat bottom;
}
a.tt:hover span.bottom{
	display: block;
	background: url(../art/bubble.gif) no-repeat bottom;
	padding-top: 20px;
	text-decoration:none;
}

/*footer disclaimer*/
#footerDisclaimer{
	display: block;
	width: 845px;
	height: 60px;	
	margin: -20px auto 0;		
	padding: 0 50px;
}

#footerDisclaimer p { color: #250604; font-size: 9px; line-height: 55px; text-align: left; float: left; margin:0; padding:0; }

#footerDisclaimer #footerLogo {
	display: block;
	width: 220px;
	height: 39px;
	float: right;
	margin: 0;
	padding: 0;
}
#footerDisclaimer span { float: left; }
#footerDisclaimer img { float: right; margin: 0px; }

/* Game */
#footerGame{
	display: block;
	position: relative;
	background: url(/art/game-footer.png) center top no-repeat;
	z-index:3;
	width: 844px;
	height: 55px;
	margin: -50px auto 0px;
	padding: 60px 74px 0px;
}
#footerGame p { color: #250604; font-size: 9px; line-height: 55px; text-align: left; float: left; margin:0; padding:0; }

#footerGame #footerLogo {
	display: block;
	width: 220px;
	height: 39px;
	float: right;
	line-height: 55px;
	margin: 0;
	padding: 0; 
}

#footerGame span { float: left; }
#footerGame img { float: right; margin: 0px; }

#footerGame ul { display: block; width: 500px; height: auto; margin: 7px 0 0; padding: 0; float: left; }

#footerGame li { display: block; float: left; width: auto; height: 10px; margin: 2px 0; padding: 0px 10px; border-left: 1px solid #250604; font-size: 9px; line-height: 10px; }

#footerGame li.listNoBorder { border: none; }
#footerGame li.listNextRow { border: none; width: 100%; }

#footerGame li a, #footerDisclaimer li a:visited { color: #250604; text-decoration: none; }
#footerGame li a:hover { color: #250604; text-decoration: underline; }


/* game style */
#game #flashcontent {
	display: block;
	text-align:center;
	width: 895px;
	background: url(/art/game_background.jpg) left top no-repeat;
	margin: 0 auto;
	z-index:2;
}

html, body#game { height: 100%; }
body#game { min-height: 800px; }
* html body#game { height: 100%; }
#game #facebook { display:none; }

/* Game terms & conditions */

body#gameTerms  { background: #fff; background-image: none; color: #201801; }
#gameTerms #container { display: block; width: 100%; min-width: 570px; padding: 0 0 20px; _width: 570px; background: #fff; margin: 0 auto; }

#gameTerms #container2 { display: block; width: 100%; max-width: 760px; min-width: 570px; padding: 0 0 20px; _width: 570px; background: #fff; margin: 0 auto; }

#gameTerms #masthead { display: block; height: 188px; background: url(../art/game-terms-bg.jpg) right top repeat-x; }
#gameTerms #masthead h1 { display: block; width: 288px; height: 88px; margin: 0; text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 100px 0 0 20px; position: relative; }
#gameTerms #masthead h1 span { display: block; width: 308px; height: 188px; background: url(../art/game-terms.jpg) left top no-repeat; position: absolute; left: 0; top: 0; }
#gameTerms #masthead img {float: right; width: 140px; }
#gameTerms h2 { text-transform: uppercase; padding: 0 20px; margin: 10px 0 5px; font-size: 12px; font-weight: bold; }
#gameTerms p { padding: 0 20px; margin: 10px 0; }
#gameTerms ol, ul, li { margin: 0; padding: 0; text-align:left;  }
#gameTerms ol { margin: 0 0 20px; padding: 0 20px; }
#gameTerms ol li { margin: 0 0 5px 30px; list-style-image: none; }

#gameTerms ul { margin: 5px 0 10px; padding: 0 20px; }
#gameTerms ul li { margin: 0 0 5px 0px; list-style-image: none; }

#gameTerms ul.listAlpha { list-style: lower-alpha; }
#gameTerms ul.listRoman { list-style: lower-roman; }
#gameTerms ul.listAlpha li { _margin: 0 0 5px 5px; }
#gameTerms ul.listRoman li { margin: 0 0 5px 10px; }

#gameTerms a, #gameTerms a:visited { color: #CC3300; text-decoration: none; }
#gameTerms a:hover { color: #CC3300; text-decoration: underline; }