/***************************************************************
RESET BROWSER VALUES SO EVERYONE IS THE SAME
***************************************************************/
@import url(reset.css);


/***************************************************************
TAG STYLES
***************************************************************/
body {  background: #291407 url(../images/bg.jpg) repeat-x top center; font-family: Georgia, 'Times New Roman', serif; color: #915a2f; font-size: 14px; }
h1 { font-size: 30px;  color: #653214; font-weight: normal; margin-bottom: 10px; }
h2 { font-size: 22px; color: #b13f00; margin-bottom: 5px; font-weight: normal; }
h3 { font-size: 17px; color: #653214; font-weight: normal; }
h3.dark { color: #673415; }
h3.line { border-bottom: 1px solid #dfcdaf; margin-right: 30px; margin-bottom: 10px; }
h4 { font-size: 14px; }
a { color: #984410; }
a:hover { color: #673415;}
p { margin-bottom: 16px; font-size: 14px; }
input, textarea { font-family: Georgia, 'Times New Roman', serif; padding: 2px; color: #915a2f; font-size: 14px;}
textarea { height: 100px; }

/***************************************************************
GENERIC CLASSES 
***************************************************************/
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.fillin { color: #c2a283; }
.hidden { display: none; }
.tiny { font-size: 11px; line-height: 12px;  }
.btn { display: block; width: 90px; height: 26px; background-repeat: no-repeat; text-indent: -5000px; overflow: hidden; border: none; cursor: pointer; }
.btn_follow { background-image: url(../images/btn_follow.png); }
.btn_submit { background-image: url(../images/btn_submit.png); }
.btn_newsletter_signup { background-image: url(../images/btn_newsletter_signup.png); width: 187px; }
input.text { background: url(../images/input_bg.png) no-repeat; width: 200px; height: 14px; border: 0px; padding: 5px; }

.form { margin-top: 10px; }
.form td { padding: 3px 3px 3px 0; }
.form td.label { padding-right: 10px; white-space: nowrap; text-align: right;}
.form td.actions { padding: 10px 0; }
.form .submit { display: block; width: 90px; height: 26px; background: transparent url(../images/btn_submit.png) no-repeat; border: none; cursor: pointer; }
.form .btn_signup { background-image: url(../images/btn_signup.png); border: 0px; text-indent: -500px; overflow: hidden; }

.img_right { float: right; }
.img_left { float: left; }

.error { padding: 5px; margin: 0 !important; background-color: #c30; color: #fff; }
.success { padding: 5px; margin: 0 !important; background-color: #648649; color: #fff; }
.error_highlight input, .error_highlight select, .error_highlight textarea { border: 2px solid #c30; }
span.required { color: #c30; }

ul.bullets { margin-bottom: 20px; }
ul.bullets li { list-style: disc; margin-left: 20px; }

.preload { height: 0 !important; width: 0 !important; position: absolute; top: 0px; left: 0px; z-index: -1; }


/***************************************************************
SPECIFIC AREAS
***************************************************************/

div#container_bg { background: url(../images/container_bg.png) repeat-y; width: 1000px; margin: auto; }
div#container_inner { background: url(../images/container_top.jpg) no-repeat; width: 960px; position: relative; padding: 0 20px; }

/* top nav*/
div#tertiary_nav { position: absolute; top: 10px; right: 30px; z-index: 2;}
div#tertiary_nav, div#tertiary_nav a { font-size: 11px; }
div#tertiary_nav li { float: left; display: block;  border-right: 1px solid #984410; }
div#tertiary_nav li a { display: block; margin: 0 10px; line-height: 10px; text-decoration: none; }
div#tertiary_nav li a:hover { text-decoration: underline; }
div#tertiary_nav li.last { border: none; }

/* logo */
a#kootenai_logo { cursor: pointer; position: absolute; top: 0px; left: 10px; background: transparent url(../images/logo_kootenai.png) no-repeat; width: 269px; height: 129px; display: block; z-index: 89; }
div#phone_number { position: absolute; top: 28px; right: 12px; background: transparent url(../images/phone_number_ribbon.png) no-repeat; width: 254px; height: 74px; z-index: 102; }
a#reservations { cursor: pointer; display: block; position: absolute; top: 88px; right: 30px; background: transparent url(../images/btn_reservations.png) no-repeat; width: 124px; height: 29px; z-index: 101; }

/* twitter */
div.twitter h3 { margin-bottom: 10px; }
blockquote.tweet { display: block; font-size: 12px; font-style: italic; background: transparent url(../images/twitter_bird.png) no-repeat; padding-left: 50px; min-height: 64px; margin-bottom: 20px; }
blockquote.tweet a.btn { float: right; margin: 10px 0 10px 10px; }

/* newsletter signup */
div.newsletter_signup a.btn { float: right; margin: -10px 0 10px 10px; }

/* photo gallery */
ul#photo_gallery { display: none; }

/* footer bottom */
div#footer { padding: 10px 30px; background: transparent url(../images/container_bottom.jpg) no-repeat bottom center; }
div#footer_inner { border-top: 1px solid #dfcdaf; padding-bottom: 10px; }
div#footer_inner h4 { font-size: 18px; color: #b13f00; font-weight: normal; }
div#footer_inner p { font-size: 12px; }
div#footer_inner li { float: left; padding: 10px 15px 0 15px; min-height: 130px; font-size: 12px; min-width: 76px; }
div#footer_inner li.last { }
div#footer_inner li ul li { float: none; border-right: none; min-height: 10px;  padding: 0 0 3px 0;}
div#footer_inner li.getting_here { border-right: 1px solid #dfcdaf; width: 220px; padding-right: 5px;}
div#footer_inner li.getting_here h3 { padding-right: 28px; background: transparent url(../images/getting_here_arrow.png) no-repeat 110px center; }
div#footer_inner li.getting_here img#getting_here_map { float: right; margin-left: 10px; }
div#footer_inner li.follow_us { width: 92px; border-left: 1px solid #dfcdaf; }
div#footer_inner li.follow_us ul { width: 70px; }
div#footer_inner li.follow_us li { float: left; width: auto; min-width: 32px; }
div#footer_inner a.ico32 { display: block; width: 32px; height: 32px; background-repeat: no-repeat; float: left; padding: 0 3px 1px 0;}
div#footer_inner a.ico32_rss { background-image: url(../images/ico32_rss.png); }
div#footer_inner a.ico32_twitter { background-image: url(../images/ico32_twitter.png); }
div#footer_inner a.ico32_facebook { background-image: url(../images/ico32_facebook.png); }
div#footer_inner a.ico32_flickr { background-image: url(../images/ico32_flickr.png); }

div#footer_outer { width: 960px; margin: -2px auto 20px auto; }
div#footer_outer li { display: block; float: left; margin-right: 10px; font-size: 10px; }
div#footer_outer a { color: #8d582d; }
div#footer_outer li.best_western a { display: block; width: 61px; height: 55px; background: transparent url(../images/logo_best_western.png) no-repeat; margin-left: 10px; margin-right: 5px;  }
div#footer_outer li.hagadone_hospitality a { display: block; width: 66px; height: 57px; background: transparent url(../images/logo_hagadone_hospitality.png) no-repeat;  margin-right: 10px; }
div#footer_outer li.hagadone_copy { font-size: 10px; width: 235px; float: left; margin-right: 20px;}
div#footer_outer li.copyright { width: 285px; }
div#footer_outer li.sitemap { border-right: 1px solid #8d582d; line-height: 11px; padding-right: 7px; }
div#footer_outer li.privacy { margin-right: 0; padding-right: 7px; }
div#footer_outer li.site_by_daylight {  padding-left: 7px; border-left: 1px solid #8d582d; line-height: 11px; }

/***************************************************************
SECONDARY TEMPLATES
***************************************************************/

div#topnav { position: absolute; left: 262px; top: 50px; width: 500px; height: 92px; background: transparent url(../images/topnav_bg.png) repeat-x; }
div#topnav li { display: block; float: left; width: 150px; height: 46px; margin-top: 4px; position: relative; }
div#topnav li a { display: block; background: transparent url(../images/topnav.jpg) no-repeat; width: 150px; height: 38px; text-indent: -5000px; }
div#topnav li.play { margin-left: 27px; width: 156px; }
div#topnav li.play a { width: 156px; }
div#topnav li.stay a { background-position: -156px 0; }
div#topnav li.enjoy a { background-position: -306px 0; }
div#topnav li.play:hover a, div#topnav li.play_hover a, div#topnav li.play_active a { background-position: -450px 0; }
div#topnav li.stay:hover a, div#topnav li.stay_hover a, div#topnav li.stay_active a { background-position: -606px 0; }
div#topnav li.enjoy:hover a, div#topnav li.enjoy_hover a, div#topnav li.enjoy_active a { background-position: -756px 0; }
div#topnav li:hover ul, div#topnav li.li_hover ul{ display: block; top: 42px; }
div#topnav li ul { position: absolute; left: 0; display: none; background: transparent url(../images/topnav_dropdown.png) no-repeat center; width: 200px; margin: -4px 0 0 1px; }
div#topnav li.play ul { margin-left: 7px;}
div#topnav li ul li { float: none; margin-top: 0px !important; height: auto; width: 200px; background: transparent url(../images/topnav_dropdown.png) repeat-y; height: 23px;}
div#topnav li ul li.first { background: transparent url(../images/topnav_dropdown_top.png) no-repeat top center; }
div#topnav li ul li.last { height: 44px; background: transparent url(../images/topnav_dropdown_bottom.png) no-repeat bottom center; }
div#topnav li ul li a { display: block; padding: 4px 0 2px 0; color: #fff; text-decoration: none; text-shadow: 1px 1px 2px #333; text-indent: 20px; height: auto; background-image: none; width: 200px !important;}
div#topnav li ul li a:hover { background: transparent url(../images/home_nav_item_ovr_bg.png) repeat-x; }
/*div#topnav li ul li a:hover:after { content: " »"; }*/

div#main_left { margin-top: 120px; width: 269px; float: left; }
div#main_left div.callout { padding-left: 15px; margin-bottom: 35px; }

div#main_left div.twitter { padding: 0px 18px; }
div#main_left div.twitter h3 { font-size: 16px; }

div#main_left div.newsletter_signup { padding: 0px 18px; margin-bottom: 30px; }
div#main_left div.newsletter_signup h3 { font-size: 16px; }
div#main_left div.newsletter_signup p { font-size: 12px;}
div#main_left input#newsletter_signup { width: 140px; }
div#main_left input.btn_signup { left: 140px; }

div#main_right { margin-top: 50px; background: #fff url(../images/main_white_bg.jpg) repeat-y; width: 670px; float: left; }
div#main_right_inner { min-height: 300px;}
div.main_right_inner_no_img { padding-top: 65px !important; }
div#main_right_inner ul { margin-bottom: 20px; }
div#main_right_inner li { margin-left: 20px; list-style: disc; }
div#main_right_bigpic img { width: 670px; height: 310px; }
div#main_right_inner { padding: 10px 15px 30px 30px; }
div#main_right_bottom { background: #fff url(../images/main_white_bottom.jpg) no-repeat; width: 670px; height: 25px; }

div#sidenav { padding: 0 0px 33px 0px; background: transparent url(../images/sidenav_bottom.png) no-repeat bottom left; margin: 0 0 20px 14px; }
div#sidenav h3.hdr { text-indent: -5000px;  height: 55px; margin: 0; background-repeat: no-repeat; background-color: transparent; }
div#sidenav h3.hdr_about { background-image: url(../images/sidenav_hdr_about.png); }
div#sidenav h3.hdr_play { background-image: url(../images/sidenav_hdr_play.png); }
div#sidenav h3.hdr_stay { background-image: url(../images/sidenav_hdr_stay.png); }
div#sidenav h3.hdr_enjoy { background-image:  url(../images/sidenav_hdr_enjoy.png); }

div#sidenav ul { padding-top: 10px;  margin: 0; background: transparent url(../images/sidenav_bg.png) repeat-y; }
div#sidenav ul a { color: #c9ac84; text-decoration: none; font-size: 16px; display: block; padding: 5px 0px 4px 33px; width: 202px; }
div#sidenav ul a:hover { background: transparent url(../images/sidenav_item_bg.png) repeat-x; }
div#sidenav ul li.active a:after { content: " »"; }
div#sidenav ul li.active a { color: #fff; }
div.breadcrumb li { float: left; margin-bottom: 10px;  }


/***************************************************************
HOME
***************************************************************/
div#home_bigpic { padding-top: 31px; position: relative; overflow: hidden; width: 960px; height: 414px; }

div#home_main { padding: 0 20px; }
div#home_left { float: left; width: 296px; }
div#home_left ul.callouts li { margin-bottom: 17px; }
div#home_right { margin-left: 296px; padding-left: 25px; }

div#home_nav_container { position: absolute; bottom: 19px; left: 20px; overflow: hidden; height: 180px; width: 920px; z-index: 102;}
div#home_nav { position: absolute; bottom: 0px; left: 0px; color: #fff; }
div#home_nav ul.home_nav_items { font-size: 12px; z-index: -1;}
div#home_nav ul.home_nav_items li { position: relative; display: block; float: left; background-repeat: no-repeat; width: 307px; height: 61px; }
div#home_nav ul.home_nav_items li a { display: block; width: 307px; height: 61px; text-indent: -5000px; overflow: hidden; color: #fff; }

div#home_nav ul.home_nav_items li.divider { z-index: 1; position: absolute; width: 21px; height: 61px; background: transparent url(../images/home_nav_divider.png) no-repeat; display: block; }
div#home_nav ul.home_nav_items li#divider1 { left: 296px; }
div#home_nav ul.home_nav_items li#divider2 { left: 603px; }
div#home_nav ul.home_nav_items li#home_nav_play { background: url(../images/home_nav.png) 0 0; }
div#home_nav ul.home_nav_items li#home_nav_stay { background: url(../images/home_nav.png) -307px 0; width: 306px; }
div#home_nav ul.home_nav_items li#home_nav_enjoy { background: url(../images/home_nav.png) -614px 0;}

div#home_nav ul.home_nav_sub { display: none; opacity: 0; position: absolute; top: 0px; left: 0; background: url(../images/home_ovr_bg.png) no-repeat; height: 180px;}
div#home_nav ul.home_nav_sub li h3 a, div#home_nav ul.home_nav_sub li.first a { display: block; position: relative; top: 10px; left: 79px; color: #fff; text-indent: -5000px; overflow: hidden; width: 150px; height: 48px; background-repeat: no-repeat; padding: 0; margin-bottom: 8px; }
div#home_nav ul.home_nav_sub li { height: auto; float: none; }
div#home_nav ul.home_nav_sub li a { text-indent: 55px; height: 21px; padding-top: 4px; font-size: 16px; text-shadow: 1px 1px 2px #333; text-decoration: none; }
/*div#home_nav ul.home_nav_sub li a:hover:after { content: " »"; }*/
div#home_nav ul.home_nav_sub li a:hover { background: transparent url(../images/home_nav_item_ovr_bg.png) repeat-x; }
div#home_nav li#home_nav_play ul.home_nav_sub li h3 a, div#home_nav li#home_nav_play ul.home_nav_sub li.first a { background-image: url(../images/home_nav_play_ovr.png); }
div#home_nav li#home_nav_stay ul.home_nav_sub li h3 a, div#home_nav li#home_nav_stay ul.home_nav_sub li.first a { background-image: url(../images/home_nav_stay_ovr.png); }
div#home_nav li#home_nav_enjoy ul.home_nav_sub li h3 a, div#home_nav li#home_nav_enjoy ul.home_nav_sub li.first a { background-image: url(../images/home_nav_enjoy_ovr.png); }

div.home_right_main { margin-bottom: 30px; }
div.home_right_col { width: 282px; float: left; padding-right: 15px; }
div.home_right_col h4, div.home_right_col p { font-size: 12px; }

div.canadian_exchange { position: relative; font-size: 18px; line-height: 18px; background: transparent url(../images/canadian_flag.png) no-repeat 0px 2px; padding-left: 70px; margin-bottom: 25px; color: #502512; }
div.canadian_rate { font-size: 24px; position: absolute; right: 10px; top: 5px; font-weight: bold; height: 24px;  line-height: 24px; }


/***************************************************************
PLAY
***************************************************************/
ul.past_winners { margin: 0 10px 0 -5px; }
ul.past_winners li { display: block; float: left; margin: 0 !important; }
ul.past_winners li img { display: block; width: 204px; height: 154px; }
ul.past_winners li li { float: none; margin-left: 20px !important; }
ul.past_winners li li.amount { font-size: 24px; color: #512713; }

div#terms { display: none; }
div#terms li, div#terms p { font-size: 11px; }

div.promo { margin-bottom: 35px; }
div.promo img { margin-bottom: 6px ;}

/***************************************************************
STAY
***************************************************************/
table.rates { width: 100%; margin-bottom: 20px; }
table.rates th { font-size: 14px; font-weight: bold; text-align: left; padding: 15px 0 5px 0; }
table.rates td { padding: 1px 8px; vertical-align: top; }
table.rates td.first { width: 340px; }
div.room_type {  }
div.room_type img { float: left; width: 204px; height: 154px; border: 0; margin-bottom: 2px;}
div.room_type h2 { padding-top: 10px; }
div.room_type p, div.room_type h2 { margin-left: 215px; }


/***************************************************************
CONTACT
***************************************************************/
.google_map_indicator { background: transparent url(../images/google_map_indicator.png) no-repeat; padding-left: 24px; padding-top: 8px; height: 24px; }


/***************************************************************
NEWSLETTER SIGNUP
***************************************************************/
/* mailchimp overrides */
#mc_embed_signup .form td.value input, form .value label { float: left; }
#mc_embed_signup .form td.value .radios input, form .value .radios label { float: none; }
#mc_embed_signup .form td.value label { padding-left: 2px; padding-right: 8px;  }
#mc_embed_signup .form td.value div.mce_inline_error { width: auto !important; margin-top: 0px !important; float: right !important; padding-top: 5px !important; padding-bottom: 5px !important; font-size: 12px !important; }

/***************************************************************
NEWSLETTER POPUP
***************************************************************/
div#newsletter_popup { width: 398px; height: 320px; margin-left: -199px; top: 5%; left: 50%; z-index: 1000;}
div.popup_promo { position: absolute;  }
div.popup_promo_top { background: transparent url(../images/newsletter_popup_top.png) no-repeat; height: 16px; }
div.popup_promo_bottom { background: transparent url(../images/newsletter_popup_bottom.png) no-repeat; height: 16px; }
div.popup_promo_content { background: transparent url(../images/newsletter_popup_bg.png) repeat-y; padding: 0 11px 0 12px; position: relative;}
div.popup_promo_inner  { padding: 50px 30px 10px 50px; background-color: #f7f1e1;}
div.popup_promo_inner .btn_newsletter_signup { float: right; }
div.popup_promo_header { background: transparent url(../images/newsletter_popup_header.jpg) no-repeat; width: 375px; height: 117px;}
div.popup_promo .close { font-size: 10px; padding-top: 10px; display: block; margin-left: -35px; }
h2.popup_promo_kri_newsletter { position: absolute; left: 10px; top: 120px; width: 251px; height: 41px; background: transparent url(../images/newsletter_popup_kri_newsletter.png) no-repeat; }