body { background: #edf8fa url(/images/bg-fade.jpg) repeat-x 0 0; margin: 0; font-family: Arial, Sans-Serif; color: #35342f }
div#all { background: transparent url(/images/bg.jpg) no-repeat center 91px; }
div#content { width: 936px; margin: 0 auto; font-size: 11px; position: relative; background: transparent url(/images/stamp.png) no-repeat bottom right; padding-bottom: 130px; }

/* header and menu */
div#hd { height: 91px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }
div#hd,
div#hd a { color: #fff; }
div#hd .logo { position: absolute; left: 22px; top: 12px; z-index: 1000;}
div#hd .tagline { left: 170px; top: 60px; }
div#hd .nav { right: 0; top: 49px; }
div#hd .tagline,
div#hd .nav { text-transform: uppercase; position: absolute; right: -7px; }
div#hd .nav a { text-decoration: none; float: left; }
div#hd .nav a span { padding: 11px 7px 16px; display: block; }
div#hd .nav a:hover { background-color: #09a4c8; }
div#hd .nav a.active { background: #09a4c8 url(/images/hd/tab-left.gif) no-repeat 0 0; }
div#hd .nav a.active span{ background: transparent url(/images/hd/tab-right.gif) no-repeat top right; }
div#hd .nav a.button:hover { background: none; color: #09a4c8; }
div#hd .nav a.button:hover span { background: none; }

div#hd .nav,
div#hd #languages { position: absolute; }
div#hd #languages { top: 20px; color: #fefefe; right: 0px;  }

div#hd-submenus { position: relative; z-index: 98; font-size: 13px; line-height: 14.5px; }
div.submenu { z-index: 99; position: absolute; top: 0; width: 352px; padding: 13px; min-height: 220px; background-color: #09a4c8; background-repeat: no-repeat; background-position: bottom right; color: #fff; display: none; -moz-box-shadow: 3px 3px 3px #666; -webkit-box-shadow: 3px 3px 3px #666;	box-shadow: 3px 3px 3px #333; }
div.submenu a { color: #fff; text-decoration: none }
div.submenu a:hover { color: #212222; }
div.submenu div.page { float: right; width: 148px; display: none }
div.submenu img { display: none; }
div.submenu div.description { position: absolute; bottom: 26px; right: 26px; width: 150px; }
div.submenu h5 { margin: 0 0 7px 0; color: #000; font-size: 13px; }
div.submenu p { margin: 0; }
div.submenu ul { margin: 0; padding: 0; width: 145px; }
div.submenu li { background: transparent url(/images/hd/hr.gif) repeat-x 0 0; list-style: none; padding: 4px 0 4px 8px; margin: 0; width: 137px; }
div.submenu li.first { background: none; }

/* body base container */
div#bd { z-index: 2; position: relative }
div#bd-bg { z-index: 3; height: 283px; position: absolute; top: 0; left: -8px }
div#bd-in { z-index: 4; position: relative; min-height: 300px; overflow: hidden; }
div#bd-in { padding: 90px 24px 24px; width: 888px; overflow: hidden; background: #b0e2ed url(/images/bg-activities.jpg) no-repeat bottom left; }
div#bd-in hr { height: 2px; border: none; background: url(/images/hr-activities.gif) repeat-x 0 0; padding-top: 10px; }

/* body layouts and text */
div#bd-2-l { z-index: 10; position: relative; float: left; width: 589px; 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: #00738d; 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; }
div#bd-2-r h4 { 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 #fff; margin-bottom: 18px }
#other-resources-title, 
#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 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: #00738d; 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-map { float: left; width: 535px; background: #fff; position: relative; }
#map-activity { margin: 7px; }

/* cities */
#bd-city-map { float: left; width: 375px; margin-right: 34px; }
#bd-city-content { float: left; width: 479px; }
#map-cities { position:relative; width: 375px; height: 355px; background: url(/images/map-city/large-map.gif) no-repeat; }
#map-cities-trans { z-index: 20; position: relative; }
#map-hovers img { z-index: 19; display: none; position: absolute; top: 0; left: 0; }

/* regions */
#map-regions { position:relative; width: 375px; height: 355px; background: url(/images/map-region/large-map.gif) no-repeat; }

/* common */
#bd-regioncity-map { z-index: 10; position: relative; float: left; width: 252px; }
#bd-regioncity-content { z-index: 10; position: relative; float: left; width: 600px; margin-left: 30px; }
#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: 34px; background: url(../images/select-another-region.png) no-repeat; font-size: 12px; line-height: 34px; 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/hr-activities.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 { min-height: 335px; }
div#things-to-know h2 { margin: 0; line-height: 1.6; cursor: pointer; }
div#things-to-know div.down p { margin-top: 0; padding-top: 10px }
div#things-to-know table { border-collapse: collapse; }
div#things-to-know table thead td { background: #00738d; color: #fff; }
div#things-to-know table tr.odd td { background: #add7e1; }
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-r-fun { z-index: 10; position: relative; overflow: hidden; width: 788px; padding-top: 25px; }
div#bd-r-fun div { margin-bottom: 6px }

div.game-cont { width: 374px; overflow: hidden; float: left; padding-right: 20px; }
div.game-cont div { margin: 0 0 0 120px; padding: 0 12px; height: 96px }
span.great-canadian { text-transform: uppercase; color: #00738d; }
div.game-cont h4 { background: none; padding: 0; margin: 0; text-transform: uppercase; }
img.game-pic { float: left }
div.game-cont p { margin: 5px 0 }

#flash-cont { width: 660px; margin: 0 auto; }
#modal-overlay { width: 100%; height: 0; background: #000; position: absolute; top: 0; left: 0; display: none; z-index: 10000000; }
body > #modal-overlay { position: fixed; }
#modal-box { position: absolute; top: 50%; left: 50%; z-index: 10000001; display:none; background: transparent url(/images/modal.png) no-repeat 0 0; width: 876px; margin-left: -438px; height: 634px; margin-top: -317px; }
#modal-box .cont { width: 660px; height: 480px; position: absolute; left: 110px; top: 77px;}
#modal-box .close { color: #fff; position: absolute; top: 60px; right: 70px; text-indent: -9999px; display: block; width: 38px; height: 38px; background: transparent url(/images/modal-close.png) no-repeat 0 0; }

/* listings map */
div#bd-2-l-map { z-index: 10; position: relative; float: left; width: 272px; margin-right: 22px }
div#bd-2-l-map h4 { font-size: 12px; font-weight: bold; }
div#bd-2-r-map { z-index: 10; position: relative; float: left; width: 594px; background: #fff }
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: 5px; width: 584px; height: 650px; }
div#map-loading { position: absolute; width: 200px; padding: 20px; border: 5px solid #fff; background: #fff; top: 200px; left: 215px; font-weight: bold;}
div#map-letters { margin-top: 10px }
div#map-letters ul { list-style: none; width: 260px; margin-top: 18px; overflow: hidden; padding: 0; }
div#map-letters li { float: left; margin-right: 6px; }
div#map-letters a { margin-right: 2px; font-size: 17px; color: #353636; font-weight: bold; }
div#listing-results { margin-top: 8px }
div#listing-results a { text-decoration: underline }
div#listing-results a:hover { text-decoration: none }
div#listing-results div { padding-top: 5px; margin-top: 5px; }
div#map-options { width: 272px; overflow: hidden; margin-bottom: 30px; }
div#map-options label { height: 20px; line-height: 20px; padding-left: 30px; margin: 3px 0 3px 13px; background: url(/images/map/icons.png) no-repeat 0 0; }
div#map-options label#lblc2 { background-position: 0 -20px; } 
div#map-options label#lblc4 { background-position: 0 -40px; } 
div#map-options label#lblc5 { background-position: 0 -60px; } 
div#map-options input, div#map-options label { display: block; float: left; }
div#map-options input { clear: left; margin: 6px 0; }
div#search-criteria,
div#photo-search { margin-top: 30px; width: 272px; overflow: hidden; }
div#photo-search { background: transparent url(/images/map/photo-search.png) no-repeat 88px 0; padding-top: 5px; }

div#search-criteria select,
div#photo-search select { display: block; width: 272px; margin: 4px 0; padding: 4px 8px; font-weight: bold; color: #00738d; font-size: 12px; }
div#search-criteria .button,
div#photo-search .button { color: #fff; text-decoration: none; display: block; float: left; width: 54px; height: 26px; line-height: 26px; background: transparent url(/images/bg-button.gif) repeat-x 0 0; border-top: 1px solid #74cadf; padding: 0 10px; font-weight: bold; margin-top: 4px; }
div#photo-search input { width: 266px; }
div#photo-search .button { width: 99px; }

/* fish finder */
#bd-activity #fish-finder { position: relative; width: 560px; overflow: hidden; float: right; margin-left: 24px; }
#bd-activity #fish-finder h2 { font-weight: bold; line-height: 28px; font-size: 14px; text-transform: uppercase; background: transparent url(/images/hr-activities.gif) repeat-x bottom left; }
#bd-activity #map { width: 554px; height: 340px;  margin: 0; border: 3px solid #fff; }
#bd-activity #fish-finder .inputs { width: 560px; overflow: hidden; margin-bottom: 12px; }
#bd-activity #fish-finder .dropdown { background: #353636 url(/images/bg-dropdown.png) no-repeat 218px 10px; float: left; width: 215px; height: 26px; line-height: 26px; margin-right: 4px; margin-bottom: 1px; border-top: 1px solid #868686; padding: 0 12px; color: #fff; font-weight: bold; cursor: pointer; }
#bd-activity #fish-finder .button { color: #fff; text-decoration: none; display: block; float: left; width: 54px; height: 26px; line-height: 26px; background: transparent url(/images/bg-button.gif) repeat-x 0 0; border-top: 1px solid #74cadf; padding: 0 10px; font-weight: bold; }
#bd-activity #fish-finder #fishbox,
#bd-activity #fish-finder #regionbox { cursor: pointer; display: none; position: absolute; top: 71px; left: 0; list-style: none; background: #353636; color: #fff; font-weight: bold; width: 552px; overflow: hidden; padding: 4px; margin: 0; }
#bd-activity #fish-finder #regionbox { padding: 0 12px; width: 215px; left: 243px; line-height: 26px; }
#bd-activity #fish-finder #fishbox .fish { display:block; vertical-align: middle; width: 63px; height: 58px; float: left; background-color: #444545; margin: 1px; padding: 0 112px 0 7px; } 
#bd-activity #fish-finder #fishbox .fish.selected { background-color: transparent; }
#bd-activity #fish-finder .clear { clear: left; }

#bd-activity #fish-finder .brook-trout,
#bd-activity #fish-finder .omble-de-fontaine { background: transparent url(/images/fish/brook_trout.png) no-repeat top right; }
#bd-activity #fish-finder .northern-pike,
#bd-activity #fish-finder .grand-brochet { background: transparent url(/images/fish/northern_pike.png) no-repeat top right; }
#bd-activity #fish-finder .walleye,
#bd-activity #fish-finder .doré { background: transparent url(/images/fish/walleye.png) no-repeat top right; }
#bd-activity #fish-finder .lake-trout,
#bd-activity #fish-finder .le-touladi { background: transparent url(/images/fish/lake_trout.png) no-repeat top right; }
#bd-activity #fish-finder .salmon,
#bd-activity #fish-finder .saumon { background: transparent url(/images/fish/salmon.png) no-repeat top right; }
#bd-activity #fish-finder .carp,
#bd-activity #fish-finder .carpe { background: transparent url(/images/fish/carp.png) no-repeat top right; }
#bd-activity #fish-finder .muskie,
#bd-activity #fish-finder .maskinongé { background: transparent url(/images/fish/muskie.png) no-repeat top right; }
#bd-activity #fish-finder .smallmouth-bass,
#bd-activity #fish-finder .achigan-à-petite-bouche { background: transparent url(/images/fish/smallmouth_bass.png) no-repeat top right; }
#bd-activity #fish-finder .channel-catfish,
#bd-activity #fish-finder .barbue-de-rivière { background: transparent url(/images/fish/channel_catfish.png) no-repeat top right; }
#bd-activity #fish-finder .panfish,
#bd-activity #fish-finder .crapets { background: transparent url(/images/fish/panfish.png) no-repeat top right; }
#bd-activity #fish-finder .largemouth-bass,
#bd-activity #fish-finder .À-grande-bouche { background: transparent url(/images/fish/largemouth_bass.png) no-repeat top right; }
#bd-activity #fish-finder .whitefish,
#bd-activity #fish-finder .corégone { background: transparent url(/images/fish/whitefish.png) no-repeat top right; }

/* operator details */
#bd-operator { z-index: 10; position: relative; float: left; width: 622px; 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: #fff; margin-bottom: 10px; } 
#map-operator { width: 608px; height: 388px; }

a.link-button { display: block; width: 212px; line-height: 35px; padding-left: 12px; font-weight: bold; color: #000; }
.email-us {  background: url(../images/email_bg.png); }
.visit-website { background: url(../images/website_bg.png); }
#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; }

/* message maker */
div#bd-l-message-maker { z-index: 10; position: relative; float: left; }
div#bd-r-message-maker { z-index: 10; position: relative; float: left; width: 527px; min-height: 335px; }
div#bd-r-message-maker-in { padding: 0 40px }
div#bd-r-message-maker h1 { background: none; padding: 0 }
div#bd-r-message-maker h5 { background: url(../images/hr-activities.gif) repeat-x bottom; color: #00738d; 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: #00738d }
th { text-align: left }

/* bottom and footer */
#bot { z-index: 1; height: 148px; background-color: #353636; color: #fff; overflow: hidden; position: relative; margin-top: 14px; } /* z-index must be less than #bd otherwise positioned elements inside #bd will show up behind */
#bot-bg { height: 148px; position: relative; z-index: 1; overflow: hidden; background: transparent url(/images/ft/bg.jpg) no-repeat 0 0; }
#bot-bg .col { width: 266px; height: 118px; float: left; padding: 15px 23px; overflow: hidden; }

#bot-bg div { float: left; height: 112px; padding-top: 24px; position: relative; z-index: 2; }
#bot-babe { width: 169px; }

#bot-bg #bot-adventure { width: 167px; padding-left: 140px; padding-right: 5px; }
#bot-bg #bot-adventure a { display: block; }
#bot-bg #bot-babe { width: 164px; padding-right: 125px; }
#bot-bg #bot-fish-finder { width: 174px; padding-right: 115px; }
#bot .button { margin-bottom: 10px; display: block; }

#bot h5 { color: #09a5c9; margin: 0; font-family: Arial, Sans-Serif; text-transform: uppercase; font-size: 14px;  }
#bot-adventure h5 { margin-bottom: 10px; }
#bot-porter h5 { margin-bottom: 12px; color: #c5E4f8; }
#bot p { margin: 8px 0 12px; font-size: 12px; }
#bot a { color: #09a5c9; font-weight: bold; }
#bot a img { vertical-align: bottom; }

#ft { padding: 21px 0; color: #3e5566; font-size: 90%; line-height: 140%; }
#ft a { color: #3e5566; text-decoration: none; }
#ft a:hover { text-decoration: underline; }
#ft img { float: right; }

/* splash */
div#splash-top { position: relative; z-index: -1; overflow: hidden; }
div#splash-top a { outline: none; }
div#splash-top .mask { overflow: hidden; position: relative}
div#splash-top #mask-banners { width: 936px; height: 364px; }
div#splash-top .banners li { display: none; height: 364px; position: absolute; top: 0; left: 0; }
div#splash-top #mask-thumbnails { width: 930px; height: 70px; white-space: nowrap; }

div#splash-top .banners,
div#splash-top .thumbnails { position: absolute; list-style: none; }
div#splash-top .banners,
div#splash-top .thumbnails,
div#splash-top .thumbnails li { margin: 0; padding: 0; }
div#splash-top #mask-thumbnails,
div#splash-top .thumbnails li { border: 3px solid #fff;  overflow: hidden; }
div#splash-top .thumbnails li { float: left; display: block; height: 64px; }
div#splash-top .thumbnails { width: 9000px; overflow: hidden}
div#splash-top .left,
div#splash-top .right { text-indent: -9999px; position: absolute; top: 24px; display: block; width: 11px; height: 22px; background-repeat: none; }
div#splash-top .left { left: 13px; background-image: url(/images/arrow-left.gif); }
div#splash-top .right { right: 13px; background-image: url(/images/arrow-right.gif); }

#fb-stream-cont { float: left; width: 312px; height: 251px; padding: 11px 0; background: #fff url(/images/facebook/bg-top.jpg) repeat-x 0 0; border: none; }
#fb-title-box { height: 44px; padding: 5px 10px; border-bottom: 1px solid #D8DFEA; }
#fb-stream { overflow: auto; width: 292px; height: 208px; padding: 0 10px; background: url(/images/facebook/bg-bottom.jpg) repeat-x left bottom; }
#media-container,
#fb-stream-cont { margin-top: 10px; }
#fb-title-box .name { font-size: 14px; font-weight: bold; line-height: 15px; }
#fb-title-box .profileimage { float: left; height: 40px; margin: 0 0 4px; padding: 0 10px 0 0; width: 40px; }
#fb-stream .user { font-weight: bold; }
#fb-stream .post { border-bottom: 1px solid #D8DFEA; width: 275px; overflow: hidden; padding: 5px 0; }
#fb-stream img { margin: 5px 5px 5px 0; }
#fb-stream a.photo { float: left; } 
#fb-stream a { display: block; }
#fb-stream span.date { display: block; font-size: 90%; color: #3c3c3c; clear: both; }

/* FAQs */
#faqs { background: #fff; padding: 25px 18px; border: 1px solid #cdcdcd; }
#faqs h3 { font-weight: bold; }
#faqs h3,
#faqs p { font-size: 12px; line-height: 16px; margin: 0; }
#faqs p { margin-bottom: 22px; }
/* photos, videos */
#media-container { position: relative; z-index: 1; overflow: hidden; }
#media-container.short { width: 624px; float: left; }
#media-title { background: #2c3a43 url(../images/ft/media-title_bg.gif) repeat-x top; height: 55px; }
#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 { text-decoration: none; font-size: 18px; text-indent: 22px; line-height: 55px; height: 55px; color: #fff; display: block; float: left; z-index: 99; width: 312px; outline: none; }
#media-title a.active { cursor: default; background: url(/images/ft/media-title_bg-active.gif) repeat-x 0 0; }
/* carousel */
#media { color:#fff; background: #3d505e url(/images/ft/media-bg.gif) repeat-x 0 0; height: 172px; padding: 23px 46px; position: relative; overflow: hidden; }
#media img { border: 1px solid #526271; padding: 3px; margin: 0 7px; vertical-align: middle; }
#media .mask { overflow: hidden; height: 172px; position: relative; }
.scroll-items { white-space: nowrap; height: 172px; line-height: 172px; width: 9999999999999999999999px; position: relative; vertical-align: middle; }
.scroll-items a { vertical-align: middle; line-height: 172px; }
.videos-scroll { display: none; }
/* buttons */
#media .button { text-indent: -9999px; display: block; width: 46px; height: 218px; position: absolute; top: 0; }
#media .prev { background: transparent url(/images/ft/arrow-left.gif) no-repeat center center; left: 0; }
#media .next { background: transparent url(/images/ft/arrow-right.gif) no-repeat center center; right: 0; }
/* 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: #add7e1; }
.tr-light { background: #f1f0cc; }
.tr-dark td, .tr-light td { border-top: 1px solid #fff; }
input.bt { color: #fff; background: #00738D; font-family: Verdana, Sans-Serif; border: 0; cursor: pointer; text-transform: uppercase; }