* { padding: 0; margin: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color: #dcdcc2; background-image: url(../images/sitebg.jpg); background-repeat: no-repeat; background-position: center top; }
#wrapper { width: 1000px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#header { color: #333; width: 1000px; float: left; padding: 0px; height: 287px; background-image: url(../images/sitedesign.png); background-repeat: no-repeat; margin: 0px; }
#headerhome { color: #333; width: 1000px; float: left; padding: 0px; height: 560px; background-image: url(../images/homepage.png); background-repeat: no-repeat; margin: 0px; }
#content { float: left; width: 760px; color: #333; margin: 0px; padding-top: 50px; padding-right: 190px; padding-bottom: 30px; padding-left: 50px; background-image: url(../images/sitedesign-02.png); clear: both; background-position: center top; }
#contentsubpages { width: 880px; color: #333; margin: 0px; padding-top: 25px; padding-right: 50px; padding-bottom: 5px; padding-left: 50px; background-image: url(../images/sitedesign.png); background-repeat: repeat-y; clear: both; float: left; }
#leftcolumn { color: #333; border: 1px solid #ccc; background: #E7DBD5; margin: 0px 0px 0px 0px; padding: 10px; height: 350px; width: 200px; float: left; }
#leftcolumnhome { color: #333; margin: 0px; padding: 10px; height: 500px; width: 360px; float: left; background-image: url(../images/photoframes.jpg); background-repeat: no-repeat; background-position: center 25px; }
#rightcolumn { float: right; color: #333; margin: 0px; height: 350px; width: 530px; display: inline; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 0px; }
#footer { width: 925px; clear: both; color: #333; background-image: url(../images/footer.png); background-repeat: no-repeat; padding-top: 25px; padding-right: 50px; padding-bottom: 0px; padding-left: 25px; margin: 0px; background-position: 0px -20px; height: 100px; }
#footerhome { width: 839px; clear: both; color: #333; padding-top: 0px; padding-right: 0px; padding-left: 0px; height: 100px; padding-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; background-color: #FDE882; }
/* PNG Fix */

img, div, a, input { behavior: url(iepngfix.htc); }
/* Main Menu */
#menu { width: 849px; color: #333; padding: 0px; height: 50px; margin-right: 0px; margin-bottom: 0px; display: block; overflow: hidden; float: left; z-index: 10; position: relative; }
#menu li { margin: 0; padding: 0; display: inline; list-style-image: none; list-style-type: circle; }
#menu a { float: left; overflow: hidden; height: 0px !important; margin: 0px; padding-top: 50px; padding-right: 0; padding-bottom: 0; padding-left: 0; }
#menu a:hover { background-position: 0 -50px; }
#menu a:active, #menu a.current { background-position: 0 -100px; }
#home a { width: 93px; height: 50px; margin-left: 0px; background: url(../images/menu.png) top left no-repeat; }
#excursions a { width: 121px; height: 50px; margin-left: 0px; background: url(../images/menu-02.png) top left no-repeat; }
#explore a { width: 158px; height: 50px; margin-left: 0px; background: url(../images/menu-03.png) top left no-repeat; }
#trainshoppe a { width: 136px; height: 50px; margin-left: 0px; background: url(../images/menu-04.png) top left no-repeat; }
#history a { width: 92px; height: 50px; margin-left: 0px; background: url(../images/menu-05.png) top left no-repeat; }
#railfans a { width: 101px; height: 45px; margin-left: 0px; background: url(../images/menu-06.png) top left no-repeat; }
#company a { width: 107px; height: 45px; margin-left: 0px; background: url(../images/menu-07.png) top left no-repeat; }
/* Top Menu */
#topmenu { width: 750px; color: #333; padding: 0px; height: 30px; display: block; overflow: hidden; float: left; z-index: 10; position: relative; background-image: url(../images/topmenubg.png); background-repeat: no-repeat; background-position: 567px 0px; margin: 0px 0px 0px 10px; }
#topmenu li { margin: 0; padding: 0; display: inline; list-style-image: none; list-style-type: circle; }
#topmenu a { float: left; overflow: hidden; height: 0px !important; margin: 0px; padding-top: 30px; padding-right: 0; padding-bottom: 0; padding-left: 0; }
#topmenu a:hover { background-position: 0 -30px; }
#topmenu a:active, #topmenu a.current { background-position: 0 -60px; }
#links a { width: 138px; height: 30px; margin-left: 0px; background: url(../images/topmenu.png) top left no-repeat; }
#news a { width: 59px; height: 30px; margin-left: 0px; background: url(../images/topmenu-02.png) top left no-repeat; }
#brochures a { width: 87px; height: 30px; margin-left: 0px; background: url(../images/topmenu-03.png) top left no-repeat; }
#webcams a { width: 81px; height: 30px; margin-left: 0px; background: url(../images/topmenu-04.png) top left no-repeat; }
#forum a { width: 64px; height: 30px; margin-left: 0px; background: url(../images/topmenu-05.png) top left no-repeat; }
#calendar a { width: 78px; height: 30px; margin-left: 0px; background: url(../images/calendarlink.png) top left no-repeat; }
#contact a { width: 98px; height: 30px; margin-left: 0px; background: url(../images/topmenu-06.png) top left no-repeat; }
#photocontest a { width: 104px; height: 30px; margin-left: 0px; background: url(../images/topmenu-08.png) top left no-repeat; }
#wrapper #content h1, #wrapper #contentsubpages h1 { font-family: Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif; font-size: 24px; font-weight: bold; text-decoration: none; margin-bottom: 5px; color: #0D3A73; }
#wrapper #content h2, #wrapper #contentsubpages h2 { font-family: Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif; font-size: 19px; text-decoration: none; margin-bottom: 5px; color: #0D3A73; }
#wrapper #rightcolumn p { font-size: 13px; line-height: 20px; }
/* Footer */
#wrapper #footer p, #wrapper #footerhome p { font-size: 12px; line-height: 15px; color: #4E4C4B; }
.footercolumnleft { width: 200px; float: left; }
.footercolumn { width: 550px; float: left; margin-right: 10px; }
#wrapper #footer .footercolumn a, #wrapper #footerhome .footercolumn a { color: #4E4C4B; margin-right: 5px; margin-left: 5px; }
#wrapper #content p, #wrapper #contentsubpages p { color: #666; font-size: 13px; line-height: 22px; }
#wrapper #footer .footercolumnleft a, #wrapper #footerhome .footercolumnleft a { color: #8CC63B; }
/* Submenu */

#submenu { float: left; width: 150px; margin-left: 0px; padding: 0px; margin-top: 0px; margin-right: 40px; height: auto; margin-bottom: 15px; }
#submenu ul { margin-left: 0; padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; }
#submenu ul a { display: block; padding: 10px; width: 130px; color:#0D3A73; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #0D3A73; }
#submenu ul a:link, #submenu ul a:visited { color: #0D3A73; text-decoration: none; }
#submenu ul a:hover { background-color: #DBDCC3; }
#wrapper #content #submenu ul ul li a { background-color: #C5C6AF; padding-left: 25px; width: 115px; padding-top: 5px; padding-bottom: 5px; }
#wrapper #content #submenu ul ul li a:hover { background-color: #4D4C4B; color:#FFF; }
#wrapper #content #submenu ul ul li .current { color: #FFF; background-color: #4D4C4B; }
/* Footermenu */

#footermenu { float: left; width: 140px; margin-left: 0px; padding: 0px; height: auto; margin-bottom: 0px; }
#footermenu ul { margin-left: 0; padding-left: 0; list-style-type: none; }
#footermenu li.header { font-family: Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif; font-size: 120%; }
#footermenu a { font-family: Arial, Helvetica, sans-serif; font-size: 90%; display: block; width: 110px; color:#0D3A73; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #B8B8A2; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; }
#footermenu a:link, #footermenu a:visited { color: #4E4C4B; text-decoration: none; }
#footermenu a:hover { background-color: #B8B8A2; }
/* Text Styling */

#wrapper #content h1 a, #wrapper #content h2 a { text-decoration: none; color: #0D3A73; }
#content h3 a { text-decoration: underline; color: #0D3A73; }
#wrapper #content h1 a:hover, #wrapper #content h2 a:hover, #content h3 a:hover { color: #869cb9; }
#wrapper #header #reservationsbox p, #wrapper #headerhome #reservationsbox p { line-height: 13px; padding: 0px; margin-right: 5px; margin-left: 8px; margin-top: 5px; text-indent: -5px; }
/* Spam Fighter */
p span.displaynone { display:none; }
#wrapper #contentsubpages #submenu ul li .current { background-color: #DDECCC; }
#section { padding: 10px; background-color: #e8f7fd; border-top-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-bottom-style: dotted; border-top-color: #19AEEF; border-bottom-color: #19AEEF; width: 630px; display: block; margin-bottom: 25px; }
#wrapper #contentsubpages #section h1 { font-size: 20px; color: #85BB3B; font-weight: bold; }
#reservationsbox #form #jumpMenu { font-size: 11px; margin: 0px; padding: 0px; color: #4F4D4C; background-color: #DBDCC3; }
#reservationsbox { float: right; height: 343px; width: 141px; margin-right: 10px; _margin-right: 0px; background-image: url(../images/logo.png); background-repeat: no-repeat; padding-top: 190px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-position: 10px 5px; color: #FFF; z-index: 0; }
.trainshoppe #reservationsbox { background-image: url(../images/logo-diesel.png); }
#reservationsbox a { border: 0px; color: #7D1B1B; }
/* Excursions Teasers */

#summitteaser { background-image: url(../images/summitteaser.jpg); background-repeat: no-repeat; height: auto; margin-bottom: 25px; background-position: 450px 0px; margin-left: 0px; padding-right: 310px; margin-top: 25px; }
#yukonadventureteaser { background-image: url(../images/yukonadventureteaser.jpg); background-repeat: no-repeat; padding-left: 193px; margin-bottom: 50px; height: auto; background-position: 0px; clear: both; }
#fraserteaser { background-image: url(../images/fraserteaser.jpg); background-repeat: no-repeat; padding-left: 193px; margin-bottom: 50px; height: auto; background-position: 0px 0px; clear: both; }
#motorcoachteaser { background-image: url(../images/motorcoachteaser.jpg); background-repeat: no-repeat; padding-left: 193px; margin-bottom: 50px; height: 256px; background-position: 0px 0px; }
#hikersteaser { background-image: url(../images/hikersteaser.jpg); background-repeat: no-repeat; padding-left: 193px; margin-bottom: 50px; height: 128px; background-position: 0px 0px; }
#backpackteaser { background-image: url(../images/backpackteaser.jpg); background-repeat: no-repeat; padding-left: 193px; height: 128px; background-position: 0px; }
#wrapper #content #submenu ul li .current { background-color: #DBDCC3; }
/* Table Styling */

#wrapper #contentsubpages #table td { padding: 25px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #19AEEF; font-size: 15px; color: #000; }
.redbg { color: #FFF; background-color: #833F4A; }
.motorcoach { background-color: #afd9fb; color: #000; }
.train { background-color: #b0b970; color: #000; }
#wrapper #contentsubpages #table tr td p img { float: left; margin-right: 25px; border: 3px solid #DDECCC; }
#wrapper #contentsubpages #table a img:hover { border-top-color: #8DC63F; border-right-color: #8DC63F; border-bottom-color: #8DC63F; border-left-color: #8DC63F; }
#content table .table { margin-top: 25px; margin-bottom: 25px; clear: both; }
#wrapper #content #table td { padding: 25px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCDB6; }
#wrapper #content #table tr:hover { background-color: #DBDCC3; }
#wrapper #content #table tr td p { color: #000; text-align: left; }
/* Lists */
#wrapper #content .list { color: #666; font-size: 13px; line-height: 18px; list-style-type: square; text-align: left; list-style-position: inside; }
#wrapper #content .list2 { color: #666; font-size: 13px; line-height: 18px; text-align: left; margin-left: 25px; }
.list2 li { margin-bottom: 10px; }
#wrapper #footer ul { margin: 0px; padding: 0px; list-style-type: none; }
.listindent { color: #666; font-size: 13px; line-height: 18px; list-style-type: circle; list-style-position: inside; text-indent: 15px; }
#wrapper #footer .footercolumn { width: 375px; font-size: 90%; padding-left: 300px; }
#wrapper #content #submenu h2 { margin-top: 25px; margin-bottom: 10px; }
#wrapper #content #submenu p img { border: 3px solid #0D3A73; }
#wrapper #content #submenu p img:hover { border: 3px solid #DBDCC4; }
/* Image Styling */

#wrapper #content .right { float: right; padding-bottom: 15px; padding-left: 15px; clear: right; }
.clear { clear: both; }
#wrapper #content hr { margin-top: 25px; margin-bottom: 25px; border-top-width: 1px; border-top-style: solid; border-top-color: #0D3A73; }
#videothumbnail { float: left; background-color: #DCDCC2; padding: 0px; font-size: 90%; font-weight: bold; margin-right: 12px; margin-bottom: 12px; }
#videothumbnail p { color: #84414A; padding: 12px; }
#wrapper #content #videothumbnail p { font-size: 90%; line-height: 10px; color: #0B3465; padding: 6px; }
#wrapper #content #videothumbnail a img { border: 6px solid #DBDCC3; }
/* Photo Gallery Styling */

#content .topphotogallery { overflow: hidden; display: inline; padding: 0px; clear: none; }
#content .toptable { display: inline; font-size: 0px; clear: none; }
.photogallery { overflow: hidden; display: inline; padding: 0px; clear: right; }
#wrapper #content .photogallery tr td .smoothbox img, .topphotogallery .smoothbox img { border: 5px solid #DBDCC3; float: left; margin-left: 0px; margin-right: 20px; margin-bottom: 20px; display: inline; }
#wrapper #content .photogallery tr td .gallerylink img, .topphotogallery .gallerylink img { border: 5px solid #DBDCC3; float: left; margin-left: 0px; margin-right: 20px; margin-bottom: 20px; display: inline; }
.photogallery a.smoothbox:hover img, .topphotogallery a.smoothbox:hover img { border: 5px solid #C5C6AF; }
.photogallery a.gallerylink:hover img, .topphotogallery a.gallerylink:hover img { border: 5px solid #C5C6AF; }
.topphotogallery td, .photogallery td { height: 150px; }
.photogallery h2 { clear: left; }
.whitetext { font-size: 10px; color: #FFFFFF; }
.smalltext { font-size: 10px; color: #000000; }
.graytext { color: #333; }
.imagemarginright { margin-right: 10px; }
.imagemarginleft { margin-left: 10px; }
#wrapper #content .centre { text-align: center; }
#wrapper #content .text img { text-align: center; margin-right: auto; margin-left: auto; }
.red, #wrapper #content .red, #wrapper #content #table tr td .red { color: #F00; }
.subcategorylinks { padding: 15px; display: block; background-color: #DCDCC3; font-weight: bold; margin-bottom: 25px; height: 125 px; margin-right: 10px; margin-left: 10px; }
#wrapper #content table tr td table tr td table tr td table tr .smallText .subcategorylinks:hover { color: #FFF; background-color: #0D3A80; }
.featurelist { list-style-type: none; margin-top: 25px; margin-bottom: 25px; }
.featurelist li { margin-bottom: 5px; font-weight: bold; background-image: url(../images/Symbol%20-%20Check.png); background-repeat: no-repeat; padding-top: 20px; padding-right: 15px; padding-bottom: 20px; padding-left: 60px; margin-left: 15px; background-position: 0px 5px; }
.notice { display: block; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #0D3A73; border-bottom-color: #0D3A73; margin-top: 25px; margin-bottom: 25px; background-color: #FFC; padding: 25px; }
#wrapper #content .notice p { font-weight: bold; color: 0D3A73; }
/* Photo Contest */

#entercontest { display: block; width: 168px; height: 48px; background-image: url(../images/entercontest.png); float: left; }
#entercontest:hover, #winnerslideshowbutton:hover, #carcrossschedule:hover { background-position: 0 -48px; }
#winnerslideshowbutton { display: block; width: 270px; height: 48px; background-image: url(../images/winnderslideshow.png); float: left; }
#carcrossschedule { display: block; width: 429px; height: 48px; background-image: url(../images/carcrossschedule.png); float: left; }

#wrapper #content #table tr .date { border-top: 1px solid #000; border-bottom: 2px solid #000; padding-right: 0px; padding-left: 0px; }
#wrapper #content #table tr .date h2 { margin-bottom: 0px; }
#wrapper #content #table tr .rightborder { border-right: 1px solid #D5D6C4; }
#wrapper #content #table tr .blackborder { border-bottom-color: #000; }
.clearleft { clear: left; }
#wrapper #content #table tr .lesspadding { padding-bottom: 15px; }
#wrapper #content p .clear img { clear: both; }
#wrapper #content #table .noborder td { border-bottom-style: none; }
.list2 li ul li { margin-left: 25px; margin-top: 0px; margin-bottom: 0px; }
#wrapper #content ol { margin-left: 50px; margin-top: 25px; margin-bottom: 25px; }
#wrapper #content #table tr th { padding: 25px; background-color: #E2E2CE; }

.home #wrapper #headerhome #menu ul { margin-left: 20px; }
.home #footer { background-image: url(../images/footerhome.png); background-position: 0px 0px; padding-top: 0px; }
#wrapper #content #table tr .center { text-align: center; }
#wrapper #content #table tr .blackborder.center p { text-align: center; }
.fb { margin-left: 0px; margin-top: 0px; }
.button { background-color: #023870; color: #FFF; padding: 5px; margin-bottom: 10px; vertical-align: middle; }
img.centre {   display: block;   margin-left: auto;   margin-right: auto; }
/* Buttons */

.buttonlink { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2); box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 2px 2px rgba(0,0,0,0.2); border: 1px solid; padding: 8px 12px; color: #fff; font-family: Arial, Helvetica, sans-serif;  font-size: 1.4em; font-weight: bold; text-shadow: -1px -1px rgba(0,0,0,0.1), 0 0 15px rgba(255,255,255,0.75); white-space: nowrap; background: #777; border-color: #777; text-decoration: none; font-style: normal; text-transform: none; position: relative; }
/*.buttonlink:hover, .buttonlink:focus { bottom: 1px; -moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2); box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 3px 2px rgba(0,0,0,0.2); background: #999; border-color: #999;  } */
.buttonlink:active { top: 1px; -moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2); box-shadow: inset 0 -1px 3px rgba(255,255,255,0.5), 0 1px 2px rgba(0,0,0,0.2); }
/* Shape */

.default { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.square { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.bubble { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
/* Colors */

.blue { background: #166ba9; border-color: #166ba9; }
.blue:hover, .blue:focus { background: #3390CF; border-color: #3390CF; }
.green { background: #95A006; border-color: #95A006; }
.green:hover, .green:focus { background: #B2BF17; border-color: #B2BF17; }
.yellow { background: #FFAF09; border-color: #FFAF09; }
.yellow:hover, .yellow:focus { background: #FFCF09; border-color: #FFCF09; }
.purple { background: #9F1D78; border-color: #9F1D78; }
.purple:hover, .purple:focus { background: #CF33A0; border-color: #CF33A0; }
.orange { background: #FF5F09; border-color: #FF5F09; }
.orange:hover, .orange:focus { background: #FF7F09; border-color: #FF7F09; }
.gray { background: #777; border-color: #777; }
.gray:hover, .gray:focus { background: #999; border-color: #999; }
.home #wrapper #footer div { float: right; vertical-align: middle; margin-top: -15px; margin-right: -20px; }
.thirdcolumn { float: left; width: 31%; margin-right: 15px; }
.starburst { position: relative; display: block; top: -150px; z-index: 99999; left: -800px; }