body { background: #160202 url(../images/bg.jpg) repeat-x top; margin: 0; font-family: Arial, Sans-Serif; font-size: 1em; color: #35342f }
div#all { width: 975px; margin: 0 auto; font-size: 70% }

/* header and menu */
div#hd-r { float: right; width: 614px; margin-left: -361px }
div#hd-submenus { position: relative; z-index: 98 }
div.submenu { z-index: 99; position: absolute; top: 8px; width: 300px; background: #513525; color: #faf9e5; padding: 12px; font-size: 100%; display: none; min-height: 200px }
div.submenu a { color: #faf9e5; text-decoration: none }
div.submenu a:hover { text-decoration: underline }
div.submenu div { float: right; width: 148px; display: none }
div.submenu img { border: 2px solid #faf9e5; margin-bottom: 12px }
div.submenu h5 { margin: 0 0 7px 0; font-size: 120% }
div.submenu p { margin: 0 }
div.submenu ul { width: 137px; margin: 0; padding: 0; border-bottom: 1px dotted #9d906d }
div.submenu li { border-top: 1px dotted #9d906d; list-style: none; padding: 5px 0; margin: 0; width: 137px }
div#sub-0 { left: 370px } 
div#sub-1 { left: 468px }
div#sub-2 { left: 559px }

/* body base container */
div#bd { z-index: 2; background: #f1f0ca; margin: 0 7px 0 8px; position: relative }
div#bd-bg { z-index: 3; background: url(../images/body_bg.jpg) no-repeat top left; width: 975px; height: 283px; position: absolute; top: 0; left: -8px }
div#bd-in { z-index: 4; position: relative; padding: 28px 29px 31px 30px; min-height: 300px }

/* body layouts and text */
div#bd-2-l { z-index: 10; position: relative; float: left; width: 632px; margin-right: 34px }
div#bd-2-r, div#bd-r-region { z-index: 10; position: relative; float: left; width: 230px }
div#bd-c { clear: both }
h1, h2, h3, h4 { color: #96211e; font-family: Arial, Sans-Serif; font-weight: normal; }
h1 { font-size: 260%; margin-top: 0; font-family: Verdana, Arial, Sans-Serif; }
h2 { font-size: 190%; margin: 0 0 15px 0; }
h3 { font-size: 170%; margin: 0 0 15px 0; }
h4 { font-size: 150%; margin: 0 0 9px; letter-spacing: 1px }
div#bd-2-r h4 { color: #96211e; margin-right: 10px }
h1 a { float: right; font-size: 11px; font-family: Arial, San-Serif; margin: 10px 10px 0 0; padding-right: 10px }
img.large-pic { border: 7px solid #faf9e5; margin-bottom: 18px }
#visitor-info-title { margin-top: 25px }
img#call-us { vertical-align: middle }
div#bd-2-l p, div#bd-m-region p, div#contest p { line-height: 150%; font-size: 110% }
div#share-links { background: url(../images/h1_bg.gif) repeat-x top; padding-top: 10px; }
div#share-links a { margin: 10px 10px 0 0; padding: 0 10px 1px 0; border-right: 1px dotted #5e3311; line-height: 140%; font-size: 110% }
div#share-links a#share-link { border-right: none }
a { color: #96211e; text-decoration: none }
a:hover { text-decoration: underline }

/* activities */
#activity-right-container { height: 350px }
div.activity-detail { background: #513625 url(../images/activity-callout_bg.gif) no-repeat top right; color: #ffffec; padding: 16px 7px 16px 11px; width: 170px; position: absolute; top: 380px; right: 261px }
div#bd-2-r div.activity-detail h4 { color: #ffffec; background: none; border-bottom: 1px dotted #a38e73; font-size: 120%; font-weight: bold; font-family: Arial, Sans-Serif  }
div.activity-detail a { color: #ffffec; text-decoration: underline }
#bd-activity { float: left; width: 320px; margin-right: 38px; }
#bd-activity-map { float: left; width: 535px; background: #faf9e5; position: relative; }
#map-activity { margin: 7px; }

/* cities */
#bd-city-map { float: left; width: 375px; margin-right: 34px; padding-top: 50px; }
#bd-city-content { float: left; width: 484px; padding-top: 50px; }
#map-cities { position:relative; width: 375px; height: 355px; background: url(../images/map-city/large-map.jpg) no-repeat; }
#map-cities-trans { z-index: 20; position: relative; }
#map-cities-hovers img { z-index: 19; display: none; position: absolute; }
#north-bay { right: 75px; bottom: 68px; }
#sault-ste-marie { right: 154px; bottom: 89px; }
#sudbury { left: 186px; bottom: 79px; }
#thunder-bay { top: 145px; left: 87px; }
#timmins { top: 175px; right: 66px; }

/* regions */
#map-regions { position:relative; width: 375px; height: 355px; background: url(../images/map-region/large-map.jpg) no-repeat; }
#sunset-country { top: 0; left: 0; }
#north-of-superior { top: 64px; left: 46px; }
#algoma-country { top: 136px; left: 168px; }
#ontarios-wilderness { top: 0; left: 91px; }
#rainbow-country { top: 190px; left: 214px; }
#ontarios-near-north { top: 190px; left: 161px; }
#muskoka { top: 232px; left: 234px; }

/* common */
#bd-regioncity-map { z-index: 10; position: relative; float: left; width: 252px; padding-top: 50px; }
#bd-regioncity-content { z-index: 10; position: relative; float: left; width: 600px; margin-left: 30px; padding-top: 50px; }
#region-activities h3 { font-size: 130%; margin: 0; font-weight: bold; }
#region-activities h4 { font-size: 170%; }
#activity-learnmore-text { margin: 0; }
#other-activites { margin: 10px 0; display: block; }
a.select-another-region { display: block; margin-top: 30px; width: 236px; height: 36px; background: url(../images/select-another-region.jpg) no-repeat; font-size: 12px; line-height: 36px; padding-left: 16px; font-weight: bold; }
#landing-links { width: 390px; overflow: hidden; }
#landing-links a { float: left; width: 175px; margin-right: 20px; display: block; color: #35342f; background: url(../images/h1_bg.gif) repeat-x bottom; padding-bottom: 6px; margin-bottom: 6px; }
#doc-details h4, #doc-details div { display: none; } /* check */

/* things to know */
div#things-to-know { width: 618px; min-height: 335px; background:url(../images/things-to-know_bg.gif) no-repeat top }
div#things-to-know-in { padding: 15px }
div#things-to-know h2 { padding: 10px; margin: 0 }
div#things-to-know h2:hover { cursor: pointer; background: #e6e5b9 }
div#things-to-know h2.down { background: #e6e5b9 }
div#things-to-know div.down { background: url(../images/h1_bg.gif) repeat-x top }
div#things-to-know div.down p { margin-top: 0; padding-top: 10px }
div#things-to-know p { padding: 0 15px }
div#other-resources { line-height: 150% }
div#other-resources a { color: #35342f; padding-right: 6px; background: url(../images/other-resources-link_bg.gif) no-repeat right center }
div#index-links a { color: #35342f }

/* fun & games */
div#bd-l-fun { z-index: 10; position: relative; float: left; width: 447px; padding-top: 25px; margin-right: 47px }
div#bd-r-fun { z-index: 10; position: relative; float: left; width: 374px; padding-top: 25px }
div#bd-r-fun div { margin-bottom: 6px }
div.commercial-cont, div#commercial-cont-end { clear: both; height: 105px; background: #f1f0ca url(../images/h1_bg.gif) repeat-x top }
div.commercial-cont-over { background: none; background: #e6e5b9; cursor: pointer }
div.commercial-cont div { margin: 0 0 0 193px; padding: 14px 12px }
div.commercial-cont h4 { background: none; padding: 0; margin: 0 }
div.commercial-cont h4 a { color: #5e3311}
div.commercial-cont img { float: left; margin: 5px 0 5px 5px }
div.commercial-cont a:hover { text-decoration: none }
div#video { margin-bottom: 14px }
div.game-cont { clear: left }
div.game-cont div { margin: 0 0 0 120px; padding: 0 12px; background: #f1f0ca; height: 96px }
img.great-canadian { margin-top: 14px }
div.game-cont h4 { background: none; padding: 0; margin: 0; text-transform: uppercase; color: #96211e }
img.game-pic { float: left }
div.commercial-cont p, div.game-cont p { margin: 5px 0 }

/* listings map */
div#bd-2-l-map { z-index: 10; position: relative; float: left; width: 222px; margin-right: 22px }
div#bd-2-r-map { z-index: 10; position: relative; float: left; width: 647px; background: #faf9e5 }
div#zoom-controls { background: #9a2b25 url(../images/zoom-control_bg.gif) no-repeat right center; color: #fff; padding: 5px 9px; margin-bottom: 14px }
div#map { margin: 6px }
div#map-loading { position: absolute; width: 200px; padding: 20px; border: 5px solid #fff; background: #faf9e5; top: 200px; left: 215px; font-weight: bold;}
div#map-letters { margin-top: 10px }
div#map-letters a { margin-right: 2px }
div#listing-results { margin-top: 10px }
div#listing-results a { text-decoration: underline }
div#listing-results a:hover { text-decoration: none }
div#listing-results div { border-top: 1px solid #faf9e5; padding-top: 5px; margin-top: 5px }

/* operator details */
#bd-operator { z-index: 10; position: relative; float: left; width: 635px; margin-right: 42px; }
#bd-operator-info { z-index: 10; position: relative; float: left; width: 224px;  }
#bd-operator-info h2 { font-size: 130%; font-weight: bold; }
#map-operator-container { padding: 7px; background: #faf9e5; margin-bottom: 10px; } 
a.link-button { display: block; width: 212px; line-height: 35px; padding-left: 12px; font-weight: bold; color: #683100; }
.email-us {  background: url(../images/email_bg.gif); }
.visit-website { background: url(../images/website_bg.gif); }
#operator-types { margin: 20px 0; }
#operator-types div { font-size: 120%; background: url(../images/h1_bg.gif) repeat-x bottom; padding-bottom: 6px; margin-bottom: 6px; }

/* contest */
div#contest { background: url(../images/contest_bg.gif) no-repeat top; width: 900px; min-height: 300px }
div#contest-in { padding: 35px }
div#contest h1 { background: none; margin-bottom: 0; padding-bottom: 0 }
img#contest-large-pic { float: left; margin: 0 35px 130px 0}
a.contest-index-link { color: #5e3311; font-weight: bold;  padding-left: 10px; margin-left: 10px; border-left: 1px dotted #5e3311 }
div#contest p.small { font-size: 11px; line-height: 120% }
table#contest-entry td { font-size: 110% }
td.contest-middle-col { padding: 0 20px }
td#contest-submit { background: url(../images/h1_bg.gif) repeat-x top; padding-top: 10px; text-align: right }
td#contest-submit a { color: #5e3311; font-weight: bold;  padding-right: 10px; margin-right: 10px; border-right: 1px dotted #5e3311 }
p#contest-links { background: url(../images/h1_bg.gif) repeat-x top; padding-top: 20px; margin-left: 325px }
p#contest-index-links img, td#contest-submit input { vertical-align: middle }

/* message maker */
div#bd-l-message-maker { z-index: 10; position: relative; float: left; width: 278px; padding-top: 30px }
div#bd-r-message-maker { z-index: 10; position: relative; float: left; width: 618px; min-height: 335px; background:url(../images/things-to-know_bg.gif) no-repeat top }
div#bd-r-message-maker-in { padding: 55px }
div#bd-r-message-maker h1 { background: none; padding: 0 }
div#bd-r-message-maker h5 { background: url(../images/h1_bg.gif) repeat-x bottom; color: #96211e; font-family: Times New Roman, Serif; font-size: 120%; margin: 15px 0 10px 0; padding-bottom: 8px }

/* sitemap */
div#sitemap { padding-top: 30px }
div#sitemap div { font-size: 105%; line-height: 160%; position: relative }
div.sitemapLevel1 { float: left; margin-right: 20px }
div.sitemapLevel2 a { color: #35342f; display: block }

/* inside gallery */
h4#gallery-tt { cursor: pointer }
div#gallery-cont img { margin: 0 6px 6px 0 }
div#gallery-more { background: #e4deac; padding: 4px 7px; display: none; margin-right: 10px }
div#gallery-more a { color: #5e3311; text-decoration: none; text-transform: uppercase; font-size: 80% }

/* add listing */
fieldset { padding: 10px; margin-bottom: 5px }
legend { font-size: 130%; color: #5e3311 }
th { text-align: left }

/* bottom and footer */
#bot { z-index: 1; width: 975px; height: 149px; background: url(../images/ft/bg2.jpg) no-repeat top; color: #fff; overflow: hidden; position: relative; } /* zindex must be less than #bd otherwise positioned elements inside #bd will show up behind */
#bot div { float: left; height: 112px; padding-top: 24px; }
#bot-win { width: 200px; background: url(../images/ft/compass.jpg) no-repeat 68px 25px; padding-left: 195px; }
#bot-porter { width: 186px; margin: 0 26px 0 50px; }
#bot-babe { width: 169px; padding-right: 100px; background: url(../images/ft/babe.jpg) no-repeat bottom right; }
#bot-babe-txt { width: 175px; }
#bot h5 { margin: 0; padding: 21px 0 0 0; font-family: Arial, Sans-Serif; text-transform: uppercase; font-size: 14px;  }
#bot-win h5 { margin-bottom: 12px; }
#bot-porter h5 { margin-bottom: 12px; color: #c5E4f8; }
#bot p { margin: 8px 0; }
#bot a img { vertical-align: bottom; }
img.you-could-win { float: left; margin: 10px 10px 0 38px; }
img.adventure { float: left; margin: 10px 10px 0 38px; }
#ft { padding: 21px 0; color: #ffffec; font-size: 90%; line-height: 140%; }
#ft a { color: #fff; text-decoration: none; }
#ft a:hover { text-decoration: underline; }
#ft img { float: right; }

/* splash */
div#splash-top { width: 901px; height: 318px; margin-bottom: 40px; position: relative; z-index: -1; overflow: hidden; }
#splash-flash { float: left; width: 570px; margin-right: 24px; }
#splash-fans { float: left; width: 300px; }
#splash-flash p { font-size: 105%; line-height: 140% }

/* photos, videos */
#media-container { margin: 0 -29px -31px -30px; position: relative; z-index: 1; }
#media-title { background: #2c3a43 url(../images/ft/media-title_bg.jpg) repeat-x top; border-bottom: 1px solid #51636f; height: 54px; }
#media-title h3 { float: left; color: #fffbe0; padding: 20px 0 0 0; margin: 0 21px 0 33px; font-family: Verdana, Arial, Sans-Serif; background: none; font-size: 15px; font-weight: normal; }
#media-title a { display: block; float: left; z-index: 99; width: 132px; height: 54px; background: url(../images/ft/photos-videos.jpg) no-repeat center; outline: none; }
#media-title a.toggle { background: url(../images/ft/photos-videos_toggle.jpg) no-repeat center; }
#media { background: #3d505e; padding: 23px; white-space: nowrap; position: relative; }
#media img { border: 1px solid #526271; padding: 3px; margin: 0 7px; vertical-align: middle; }
.photos-scroll { width: 900px; height: 100px; overflow: auto; }
.scroll-items { width: 900px; color: #fff; }
.scroll-items a { outline: none; }
.videos-scroll { width: 900px; height: 100px; overflow: auto; display: none; }

/* misc */
img { border: none }
form { margin: 0; padding: 0 }
.map-index { display: none }
.err { font-weight: bold; color: red }
.hide { display: none; }
.tr-dark { background: #e6e5b9; }
.tr-light { background: #f1f0cc; }
.tr-dark td, .tr-light td { border-top: 1px solid #fff; }
input.bt { color: #fff; background: #5e3311; font-family: Verdana, Sans-Serif; border: 0; cursor: pointer; text-transform: uppercase; }