/*
COPYRIGHT 2009 HTMLGRAPHIC
*/
/* Main Elements */
body { background: #F8E5CA url("/images/bg_body.jpg") no-repeat; margin: 0px; padding: 0px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 70%;/* font sizing in ems. if you want to change anything, just change this.*/ }
a:link, a:visited {font: normal 12px Arial, Helvetica, sans-serif; color:#663300;}
a:visited {color: #996600;}
a.nolink:link, a.nolink:visited{border:none;}
a:hover { text-decoration:none;}
a.no, a.no:hover { border-bottom: 0px; }
h1 { font: bold 1.8em "Times New Roman", Times, serif; color:#847A71; margin: 5px 10px;}
h2 { clear:left; font-size:1.4em; font-weight:normal; font-family: Arial, Helvetica, sans-serif; color: #333; border-bottom: 1px solid #999; }
h3 { font-size: 13px; }
p { line-height: 17px; }
a img { text-decoration:none; border:0; }
sup, sup a, sup a:hover { color: #666; font: normal 10px Arial, Helvetica, sans-serif; border: 0px }
label { cursor: pointer; }
#main { margin: 0px auto; width: 809px; }
/* Mid Elements */
#mid { float: left; width: 816px; background: url("/images/bg_mid.png") repeat-y;}
#mid #content { float: left; margin-left: 10px!important; margin-left: 5px; width: 784px; /*padding: 2px 2px 40px 2px;*/ background: url("/images/bg_content.png") repeat-y; }
/* Top Elements */
#top { float: left; /*width: 816px; height: 335px; background: url("/images/bg_top.jpg") no-repeat;*/ }
#top .hotspot { position: absolute; margin-top: 30px; }
#top .hotspot a {display:block;width: 250px; height: 200px; border: 0px;}
#top .hotspot a:hover { border: 0px; }
#top .links { position: absolute; width: 785px; margin: 10px 0px 0px 20px; text-align: right;}
#top .links a { color: #fff; font-weight: normal; margin: 0px 10px; border-bottom: 0px;}
#top .links a:hover {border: 0px; text-decoration: underline; }
#account_block { display: none; position: absolute; width: 780px; padding-right: 15px; padding: 15px 15px 5px 0px; background: #fff; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; text-align: right; }
#account_block a { border:none; }
#account_block img { padding-right:5px; }
#account_block legend { display:none; }
/*#account_block input { height: 13px; font-size: 11px; margin-right: 10px; border-top: 1px solid #999999; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;border-bottom: 1px solid #DBDBDB; color: #333333; background:#EFEFEF; padding: 2px 1px 2px 1px; margin-top: -10px}
#account_block input.login { height: 25px; margin-right: 0px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color: #FFF; border-right: #7B9A78 2px solid; cursor: pointer; border-top: #B8CBB6 2px solid; background: url("/images/bg_greenbtn.gif") #1F642E bottom right no-repeat; border-left: #7B9A78 2px solid; border-bottom: #537056 2px solid; padding:3px 15px 3px 3px; }*/
#account_block #top_retrieve { display: none; }
#top_retrieve p { margin: 0px; }
/* Navigational Area Elements */
#content_top {width: 800px; height: 40px; padding-top: 222px; }
.home_top {background: url("/images/banners/img_tundra.jpg") no-repeat; }
.about_top {background: url("/images/banners/img_tundra_lobby.jpg") no-repeat; }
.reservations_top {background: url("/images/banners/img_reservations.jpg") no-repeat; }
.reservations2_top {background: url("/images/banners/img_reservations2.jpg") no-repeat; }
.reservations3_top {background: url("/images/banners/img_reservations3.jpg") no-repeat; }
.rooms_top {background: url("/images/banners/img_rooms.jpg") no-repeat; }
.restaurants_top {background: url("/images/banners/img_restaurants.jpg") no-repeat; }
.caribou_top {background: url("/images/banners/img_caribou.jpg") no-repeat; }
.suites_top {background: url("/images/banners/img_suites.jpg") no-repeat; }
.specials_top {background: url("/images/banners/img_specials.jpg") no-repeat; }
.contact_top {background: url("/images/banners/img_contact.jpg") no-repeat; }
.gift_card_top {background: url("/images/banners/img_gift_card.jpg") no-repeat; }
.groups_meetings {background: url("/images/banners/img_groups_meetings.jpg") no-repeat; }
.banquet {background: url("/images/banners/img_banquet.jpg") no-repeat; }
.waterpark_top {background: url("/images/banners/img_waterpark.jpg") no-repeat; }
.arcade_top {background: url("/images/banners/img_arcade.jpg") no-repeat; }
.kids_club {background: url("/images/banners/img_kids_club.jpg") no-repeat; }
.directions_top {background: url("/images/banners/img_directions.jpg") no-repeat; }
.trading_post_top {background: url("/images/banners/img_trading_post.jpg") no-repeat; }
.default {background: url("/images/banners/img_default.jpg") no-repeat; }
#content_top #nav_bg { width: 796px; text-align: center; height: 38px; border-top: 2px solid #fff; background: #000; filter:alpha(opacity=65); -moz-opacity:.65; opacity:.65;}
#content_top #nav { position: absolute; margin-top: -39px; width: 790px; height: 38px; padding: 1px 0px;}
#content_top #nav a { display: block; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; line-height: 36px; padding: 0px 10px; border-bottom: 0px }
#content_top #nav a:hover { border: 0px; text-decoration: underline;}
#content_top #nav ul { padding: 0px; margin: 0px; margin-left: 15px;list-style: none; }
#content_top #nav li {float: left;width: auto;}
#content_top #nav li .sub a:link, #content_top #nav li .sub a:active, #content_top #nav li .sub a:visited { display: block; padding: 2px 10px 0px 10px; color: #000; line-height: 25px; }
#content_top #nav li ul { position: absolute; z-index: 700; left: -999em; bottom:39px; border: 2px solid #fff; border-bottom: 0px; background: #fff; filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;padding: 0px; margin-left: 0px }
#content_top #nav li ul li { clear:left; }
#content_top #nav li:hover ul { left: auto; }
#content_top #nav li:hover ul, #content_top #nav li.sfhover ul { left: auto;}
/* Bottom of Content Area */
#mid #mid_btm { float: left; margin-left: 10px!important; margin-left: 5px; width: 788px; height: 40px;}
/* Bottom Elements */
#btm { float: left; width: 816px; height: 266px; background: url("/images/bg_btm.png") no-repeat; padding-bottom: 100px;}
#btm .copyright { margin: 125px 0px 0px 15px; color: #fff; }
#btm .hotspot { position: absolute; margin: -25px 0px 0px 665px;}
#btm .hotspot a { display: block; width: 125px; height: 25px; border-bottom: 0px }
#btm .hotspot a:hover { border: 0px; }