@charset "utf-8";
/* CSS Document */

/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */

/* ***Main Layout Styles*** */

body {font-size: 1em; background: #473918 url(../images/build/background-gradient.jpg) repeat-x 0 132px;}

#wrapper {background: url(../images/build/background-bottom.jpg) repeat-x bottom;}
#header {height: 132px; background: #472206 url(../images/build/header-background.jpg) repeat-x;}
#logo {behavior: url(iepngfix.htc); position: absolute; margin: -30px 0 0 -37px; height: 172px; width: 302px;}
#tag {behavior: url(iepngfix.htc); float: right; margin: 60px 18px 0 0; height: 55px; width: 411px;}
.index-left {float: right; margin: 10px 0 0 0;}

#banner {width: 805px; height: 234px; background: url(../images/build/banner.png) no-repeat; margin: -100px auto 0 auto; behavior: url(iepngfix.htc); padding: 0 22px 0 22px;}

#content-container {width: 805px; background: url(../images/build/content-background.png) repeat-y; margin: 0 auto 0 auto; padding: 0 22px 0 22px;}
* html #content-container {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/build/content-background.png');}
#content {width: 542px; float: left; margin: 0 0 0 0;}
#content a {color: #e4e622; text-decoration: none;}
#content h2 {font-size: 1.4em; color: #bba72c;}
#content ul {margin: 15px 0 15px 35px;}
#content li {color: #ffffff; font-size: 0.9em;}
#content li ul li {font-size: 100%;}

#content a:hover {color: #fdff25;}
#content-footer {width: 805px; background: url(../images/build/content-footer.png) no-repeat; margin: 0 auto 0 auto; padding: 41px 22px 80px 22px; behavior: url(iepngfix.htc);}


#content-box {width: 426px; padding: 0 58px 15px 58px;}
#content-box p {color: #ffffff; margin: 15px 0 15px 0; font-size: 0.9em; line-height: 1.3em;}

#sidebar {width: 263px; float: right; margin: 0 0 0 0; padding: 14px 0 14px 0;}
#gallery {margin: 0 0 15px 0;}
#gallery-link a {width: 214px; height: 230px; position: absolute; display: block; margin: 0 0 0 22px; border: 0 solid #000; z-index: 100; background: url(../images/build/gallery.gif);}

#questions {position: absolute; margin: -32px 0 0 668px; z-index: 8000; behavior: url(iepngfix.htc); height: 43px; width: 147px;}

/* ***Navigation Styles*** */

#navigation {width: 805px; height: 100px; background: url(../images/nav/nav-background.png) bottom no-repeat; margin: -52px 0 0 0; position: absolute; behavior: url(iepngfix.htc);}

#navigation-links {width: 805px; height: 100px; position: absolute; z-index: 7000; margin: 133px auto 0 auto;}
#navigation-links ul {margin: 0; padding: 0; }
#navigation-links ul li {margin: 0 26px 0 26px; padding: 0; display: inline; float: left; list-style: none;}

a#home {background: url(../images/nav/nav-home.png) 0 0 no-repeat; width: 48px; height: 93px; display: block; text-decoration: none; behavior: url(iepngfix.htc); cursor: pointer;}
a:hover#home {background: url(../images/nav/nav-home.png) no-repeat -48px 0;}

a#about {background: url(../images/nav/nav-about.png) 0 0 no-repeat; width: 79px; height: 93px; display: block; text-decoration: none; behavior: url(iepngfix.htc); cursor: pointer;}
a:hover#about {background: url(../images/nav/nav-about.png) no-repeat -79px 0; behavior: url(iepngfix.htc);}

a#services {background: url(../images/nav/nav-services.png) 0 0 no-repeat; width: 76px; height: 93px; display: block; text-decoration: none; behavior: url(iepngfix.htc); cursor: pointer;}
a:hover#services {background: url(../images/nav/nav-services.png) no-repeat -76px 0; behavior: url(iepngfix.htc);}

a#lodges {background: url(../images/nav/nav-lodges.png) 0 0 no-repeat; width: 140px; height: 93px; display: block; text-decoration: none; behavior: url(iepngfix.htc); cursor: pointer;}
a:hover#lodges {background: url(../images/nav/nav-lodges.png) no-repeat -140px 0; behavior: url(iepngfix.htc);}

a#gallery {background: url(../images/nav/nav-gallery.png) 0 0 no-repeat; width: 58px; height: 93px; display: block; text-decoration: none; behavior: url(iepngfix.htc); cursor: pointer;}
a:hover#gallery {background: url(../images/nav/nav-gallery.png) no-repeat -58px 0; behavior: url(iepngfix.htc);}

a#contact {background: url(../images/nav/nav-contact.png) 0 0 no-repeat; width: 86px; height: 93px; display: block; text-decoration: none; behavior: url(iepngfix.htc); cursor: pointer;}
a:hover#contact {background: url(../images/nav/nav-contact.png) no-repeat -86px 0; behavior: url(iepngfix.htc);}

/* ***Text Styles*** */

#address {text-align: center; color: #ffffff; font-size: 0.9em;}
#address a {color: #e4e622; text-decoration: none;}
#address a:hover {color: #fdff25;}
#sidebar h1 {margin: 0 0 9px 11px; color: #cfbb33; font-size: 1.3em;}

.read-more {color: #e4e622; font-size: 1.1em; font-weight: bold; text-decoration: none; text-align: right; display: block;}

#copyright {color: #5f531b; font-size: 0.8em; float: left;}
#credit {float: right; text-align: right;}
#credit img {height: 36px; width: 219px; margin: 0 0 5px 0; behavior: url(iepngfix.htc);}
#credit  a {color: #5f531b; font-size: 0.8em; text-decoration: none;}

.larger {font-size: 18px; font-weight:bold;}
.smaller {font-size: 11px;}

/* ***Additional Styles*** */

.clear {clear: both;} 
.contact-form {padding: 3px; font-family: "Times New Roman", Times, serif; border: 1px solid #d4aa48; background: #967833; color: #ffffff;} 
.submit {width: 70px; font-family: "Times New Roman", Times, serif;} 
.map {border: 1px solid #d4aa48;} 
.divider {height: 1px; border-bottom: 1px solid #d5c339;}

#bear-image {behavior: url(iepngfix.htc); height: 230px; width: 211px;}

.flickr-sidebar {display: block; width: 230px; margin: 0 0 0 22px; position: relative; z-index: 0;}
.flickr-sidebar img {margin: 0 15px 15px 0;}

td {color: #ffffff; margin: 15px 0 15px 0; font-size: 0.9em; line-height: 1.3em;}
td.right {text-align: right;}

/* *** Error Styles *** */
.error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 400px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; }
* html .error { margin: 10px 25px 10px 25px; }
