﻿body { 
    margin: 0;
    background: #000000 url(/images/bg.jpg) repeat-x top left;
    font-family: Arial;
    font-size: 12px
}
div#all {
    width: 765px;
    margin: 0 auto;
    position: relative
}

div#packages { position: absolute; top: 0; left: 765px }
div.callout {
    border: 2px solid #A75812;
    font-family: Georgia, Times New Roman, Serif;
    font-size: 11px;
    background: #000;
    color: #fad39d;
    width: 364px;
    height: 243px;
    z-index: 1000;
	display: none
}
div.calloutIn {
	padding: 17px 
}
div.calloutIn ul {
	margin-left: 2px; 
	padding-left: 2px;
	margin-top: 4px
}
div.calloutBts {
	float: right
}
div.calloutBts img {
	margin: 0 0 6px 6px
}
div.calloutPrice {
	font-size: 40px;
	width: 140px;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #fad39d
}
div.calloutLine {
	padding-top: 8px;
	border-top: 1px solid #4c2b0c
}
div.calloutPrice sup {
	font-size: 22px
}
div.calloutNote {
	font-family: Arial, San-Serif;
	font-size: 10px
}
.calloutPic {
	float:right;
	margin-left: 5px
}
div#calloutTrain {
	position: absolute;
	top: 20px;
	left: 396px	
}
div#calloutTrainClose {
	position: absolute;
	top: 22px;
	left: 750px;
	display: none;
	z-index: 1001;
}

/* header */
div#hd {
    padding-top: 20px
}
div#hd-l {
    float: left;
    width: 284px
}
div#hd-m {
    float: left; 
    width: 474px;
    height: 94px; 
    background: url(/images/hd/bg.gif) repeat-x
}
div#hd-r {
    float: left;
    width: 7px
}
div#hd-m-t {
    text-align: center    
}
div#hd-m-b {
     text-align: center 
}
div#hd-m-b table {
	text-align: center
}
div#hd-m-b table td {
    padding: 0 4px 0 4px;
    height: 34px    
}
div#hd-m-b a {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 10px;
    text-decoration: none;
}
.up {
    padding: 0 10px
}
.dn {
    padding: 0
}


/* body */
div.bd {
    background: #000000;
    padding: 10px 13px 0 17px
}
div#bd-l {
    border-top: 2px solid #000000;
    width: 241px;
    height: 425px;
    float: left;
    background: url(/images/bd_bg.gif)
}
div#bd-l-in {  
    margin: 31px 12px;
    height: 301px;
}
div#bd-l-in-nonav {
    height: 363px
}
div#bd-l-bot {
    height: 87px;
    background: url(/images/bd_l_bot.gif) no-repeat    
}
div#bd-l-in a {
    color: #000000;
    text-decoration: none;
    font-weight: bold    
}
div#bd-l-in a:hover {
    color: #A75812    
}
div#bd-l-in img {
    margin: 4px 0
}
div.bd-l-link {
    padding-left: 10px
}
div.bd-l-img {
    margin-top: 43px
}
div#bd-r {
    float: left;
    width: 485px;
    margin-left: 9px;
    background: url(/images/bd_bg.gif)
}
div#bd-r-in {
    padding: 7px 7px 7px 0
}
div#bd-r-scroll {
    padding: 24px 30px 31px 30px;
    min-height: 351px;
    /*height: 351px;
    overflow: auto;*/
    line-height: 16px
}
div#bd-r-bot {
    text-align: center
}

/* footer */
div#ft {
    clear: both;
    background: #000;
    padding: 20px 13px 10px 17px;
    color: #414230;
    font-family: Times New Roman, Serif
}
div#ft a {
    color: #414230;
    font-family: Times New Roman, Serif;
    text-decoration: none
}
div#ft a:hover {
    text-decoration: underline
}

div#ft div {
	float: right;
}
div#ft img {
	margin-left: 15px;
	vertical-align: middle
}

/* text */
h1 {
    font-family: Times New Roman;
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 30px;
    letter-spacing: 2px;
    font-weight: normal;
    line-height: 30px
}
h1.bd-l-tt {
    margin-left: 10px
}
h2 {    
    font-family: Times New Roman;
    color: #A75813;
    margin: 0 0 2px 0;
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: normal;
    line-height: 28px
}
a {
    color: #9F5511
}
a:hover {
    text-decoration: none
}

/* activity index */
div#activity-cont {
    background: #000000;
    padding: 6px 4px 3px 8px
}
div.activity {
    float: left; 
    height: 140px; 
    margin: 0 4px 3px 0; 
    background: #999678
}
div.activity img {
    margin: 2px 2px 16px 2px
}
div.activity:hover {
    background: #A75812
}
div.activity div {
    margin: 0 11px
}
div.activity a {
    color: #29221E;
    font-size: 14px;
    text-decoration: none;
    font-style: italic 
}

/* activities */
div.bdActivities {  
    margin: 11px 12px 31px 12px;
    height: 321px;
}

/* activity details */
div#bd-l-activity {
    margin-top:5px;
    border-top: 2px solid #000000;
    width: 241px;
    height: 425px;
    float: left;
    background: url(/images/bd_bg.gif)
}
div#bd-l-activity-in {  
    margin: 11px 12px;
    height: 311px;
}
div.bd-r-activity {
    margin-top:3px;
    float: left;
    width: 485px;
    margin-left: 9px;
    background: url(/images/bd_bg.gif)
}
div.bd-r-activity-in {
    padding: 7px 7px 7px 0
}
div.bd-r-activity-scroll {
    padding: 24px 30px 31px 30px;
    min-height: 351px;
     /*height: 351px;
    overflow: auto;*/
    line-height: 16px
}
div.story {
    border-bottom: 1px solid #C7AB84;
    padding-bottom: 8px;
    margin-bottom: 8px
}
div.story a {
    font-family: Times New Roman;
    color: #A75813;
    font-size: 18px;
    text-decoration: none
}
div.story a:hover {
    color: #000000;
    text-decoration: none 
}
div.backto {
    background: #14110C;
    height: 20px;
    margin-bottom: 4px      
}
div.backto a {    
    font-family: Times New Roman;
    font-size: 11px;
    color: #FDD59F;
    text-transform: uppercase;
    text-decoration: none
}
div.backto img {
    vertical-align: middle
}
img.backto-r {
    float: right 
}

/* misc */
form { padding: 0; margin: 0 }
a img { border: 0 }
.err { border: 1px solid #FF0000; padding: 6px; font-weight: bold }
.hide { display: none }
.show { display: block }
v\:* { behavior: url(#default#VML) }