/* Rainbow Ranch Lodge */
/* Style Sheet by bieszk.com */


html {
	overflow-y: scroll !important;
}

body {
  color: #111;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  background: #D1C297 url('../images/bg.jpg') left top repeat-x;
}

* {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4 {
  color: #A3852F;
  font-family: verdana, arial, tahoma, helvetica, sans-serif;
  font-weight: normal;
}

h2 {
  font-size: 17px;
  line-height: 25px;
  padding: 5px 30px 5px 30px;
}

h3 {
  font-size: 16px;
  line-height: 23px;
  padding: 10px 30px 3px 30px;
}

h4 {
  font-size: 14px;
  line-height: 19px;
  padding: 8px 30px 3px 30px;
}


/* Elements */

#canvas {
  width: 960px;
  margin: 20px auto 0 auto;
  padding-bottom: 40px;
}

#content {
  width: 960px;
  margin: 0 auto;
  padding: 0 0 15px 0;
  background: #fff url(../images/content-bg.gif) left top repeat-y;
}

#content-home {
  width: 960px;
  margin: 0 auto;
  padding: 0 0 15px 0;
  background: #fff url(../images/content-home-bg.gif) left top repeat-y;
}

#wide {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0 15px 0;
  background: #fff;
}

#col-left {
  float: left;
  width: 220px;
  padding: 35px 0 0 0;
  background: #E8E0CB;
}

#col-middle {
  float: left;
  width: 520px;
  padding: 30px 0 0 0;
  background: #fff;
}

#col-wide {
  float: left;
  width: 740px;
  padding: 30px 0 0 0;
  background: #fff;
}

#col-right {
  float: left;
  width: 220px;
  padding: 35px 0 0 0;
  background: #E8E0CB;
}


/* Header */

#header {
  height: 253px;
  text-align: center;
  background: #A3852F url(../images/bigskymt.gif) center bottom no-repeat;
}

#header2 {
  height: 310px;
  text-align: center;
  background: #A3852F url(../images/bigskymt.gif) center bottom no-repeat;
}

#header-home {
  height: 320px;
  text-align: center;
  background: #A3852F url(../images/bigskymt.gif) center bottom no-repeat;
}

#header-photo-gallery {
  height: 40px;
  text-align: center;
}

#header h1, #header2 h1, #header-home h1, #header-photo-gallery h1 {
  margin: 0;
  padding: 0;
  background: #A3852F url(../images/rr-title.gif) center top no-repeat;
}

#header h1 a, #header2 h1 a, #header-home h1 a, #header-photo-gallery h1 a {
  width: 960px;
  height: 40px;
  display: block;
  text-indent: -9999px;
}


/* Navigation */

#nav {
}

#nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

#nav li {
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
}

#nav li a {
  width: 220px;
  display: block;
  padding: 0;
}

#nav li a#nav-01 { height: 24px; background: transparent url(../images/nav-01.gif) right top no-repeat; text-indent: -9999px; }
#nav li a#nav-02 { height: 26px; background: transparent url(../images/nav-02.gif) right top no-repeat; text-indent: -9999px; }
#nav li a#nav-03 { height: 26px; background: transparent url(../images/nav-03.gif) right top no-repeat; text-indent: -9999px; }
#nav li a#nav-04 { height: 26px; background: transparent url(../images/nav-04.gif) right top no-repeat; text-indent: -9999px; }
#nav li a#nav-05 { height: 26px; background: transparent url(../images/nav-05.gif) right top no-repeat; text-indent: -9999px; }
#nav li a#nav-06 { height: 26px; background: transparent url(../images/nav-06.gif) right top no-repeat; text-indent: -9999px; }

#nav li a#nav-01-current { height: 24px; background: transparent url(../images/nav-01-over.gif) right top no-repeat; text-indent: -9999px; }
#nav li a#nav-02-current { height: 26px; background: transparent url(../images/nav-02-over.gif) right top no-repeat; text-indent: -9999px; }
#nav li a#nav-03-current { height: 26px; background: transparent url(../images/nav-03-over.gif) right top no-repeat; text-indent: -9999px; }
#nav li a#nav-04-current { height: 26px; background: transparent url(../images/nav-04-over.gif) right top no-repeat; text-indent: -9999px; }
#nav li a#nav-05-current { height: 26px; background: transparent url(../images/nav-05-over.gif) right top no-repeat; text-indent: -9999px; }
#nav li a#nav-06-current { height: 26px; background: transparent url(../images/nav-06-over.gif) right top no-repeat; text-indent: -9999px; }

#nav li a#nav-01:hover { background: transparent url(../images/nav-01-over.gif) right top no-repeat; }
#nav li a#nav-02:hover { background: transparent url(../images/nav-02-over.gif) right top no-repeat; }
#nav li a#nav-03:hover { background: transparent url(../images/nav-03-over.gif) right top no-repeat; }
#nav li a#nav-04:hover { background: transparent url(../images/nav-04-over.gif) right top no-repeat; }
#nav li a#nav-05:hover { background: transparent url(../images/nav-05-over.gif) right top no-repeat; }
#nav li a#nav-06:hover { background: transparent url(../images/nav-06-over.gif) right top no-repeat; }


/* Bottom Navigation */

#nav-bottom {
  clear: both;
  padding: 2px 0 0 0;
}

#nav-bottom ul {
  width: 580px;
  height: 30px;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

#nav-bottom li {
  float: left;
  margin: 0;
  padding: 0 11px 0 0;
  list-style-image: none;
  list-style-type: none;
  background: transparent url(../images/nav-bottom-line.gif) right top no-repeat;
}

#nav-bottom li#bottom-last {
  padding: 0;
  background: none;
}

#nav-bottom li a {
  height: 30px;
  display: block;
  padding: 0;
}

#nav-bottom li a#nav-bottom-01 { width: 62px; background: transparent url(../images/nav-bottom-01.gif) top left no-repeat; text-indent: -9999px; }
#nav-bottom li a#nav-bottom-02 { width: 93px; background: transparent url(../images/nav-bottom-02.gif) top left no-repeat; text-indent: -9999px; }
#nav-bottom li a#nav-bottom-03 { width: 109px; background: transparent url(../images/nav-bottom-03.gif) top left no-repeat; text-indent: -9999px; }
#nav-bottom li a#nav-bottom-04 { width: 64px; background: transparent url(../images/nav-bottom-04.gif) top left no-repeat; text-indent: -9999px; }
#nav-bottom li a#nav-bottom-05 { width: 56px; background: transparent url(../images/nav-bottom-05.gif) top left no-repeat; text-indent: -9999px; }
#nav-bottom li a#nav-bottom-06 { width: 44px; background: transparent url(../images/nav-bottom-06.gif) top left no-repeat; text-indent: -9999px; }
#nav-bottom li a#nav-bottom-07 { width: 85px; background: transparent url(../images/nav-bottom-07.gif) top left no-repeat; text-indent: -9999px; }

#nav-bottom li a#nav-bottom-01-current { width: 62px; background: transparent url(../images/nav-bottom-01-over.gif) top left no-repeat; text-indent: -9999px; }
#nav-bottom li a#nav-bottom-02-current { width: 93px; background: transparent url(../images/nav-bottom-02-over.gif) top left no-repeat; text-indent: -9999px; }
#nav-bottom li a#nav-bottom-03-current { width: 109px; background: transparent url(../images/nav-bottom-03-over.gif) top left no-repeat; text-indent: -9999px; }
#nav-bottom li a#nav-bottom-04-current { width: 64px; background: transparent url(../images/nav-bottom-04-over.gif) top left no-repeat; text-indent: -9999px; }
#nav-bottom li a#nav-bottom-05-current { width: 56px; background: transparent url(../images/nav-bottom-05-over.gif) top left no-repeat; text-indent: -9999px; }
#nav-bottom li a#nav-bottom-06-current { width: 44px; background: transparent url(../images/nav-bottom-06-over.gif) top left no-repeat; text-indent: -9999px; }
#nav-bottom li a#nav-bottom-07-current { width: 85px; background: transparent url(../images/nav-bottom-07-over.gif) top left no-repeat; text-indent: -9999px; }

#nav-bottom li a#nav-bottom-01:hover { background: transparent url(../images/nav-bottom-01-over.gif) top left no-repeat; }
#nav-bottom li a#nav-bottom-02:hover { background: transparent url(../images/nav-bottom-02-over.gif) top left no-repeat; }
#nav-bottom li a#nav-bottom-03:hover { background: transparent url(../images/nav-bottom-03-over.gif) top left no-repeat; }
#nav-bottom li a#nav-bottom-04:hover { background: transparent url(../images/nav-bottom-04-over.gif) top left no-repeat; }
#nav-bottom li a#nav-bottom-05:hover { background: transparent url(../images/nav-bottom-05-over.gif) top left no-repeat; }
#nav-bottom li a#nav-bottom-06:hover { background: transparent url(../images/nav-bottom-06-over.gif) top left no-repeat; }
#nav-bottom li a#nav-bottom-07:hover { background: transparent url(../images/nav-bottom-07-over.gif) top left no-repeat; }

#nav-bottom li ul {
  position: absolute;
  left: -999em;
  margin: 0;
  padding: 1px 0 0 0;
}

#nav-bottom ul li ul li {
  width: 100%;
  height: 22px;
  float: none;
  position: relative;
  margin: 0;
  padding: 0;
  background: #e8e0cb;
  border-bottom: 1px solid #A3852F;
}

#nav-bottom li ul li a {
  color: #A3852F;
  font-size: 11px;
  font-family: verdana, tahoma, arial, helvetica, sans-serif;
  height: 22px;
  margin: 0;
  padding: 1px 0 0 8px;
  text-decoration: none;
  text-indent: 0;
}

#nav-bottom li ul li a:hover {
  color: #e8e0cb;
  background: #a3852f;
  text-decoration: none;
}

#nav-bottom li:hover ul ul, #nav-bottom li.sfhover ul ul {
  left: -999em;
}

#nav-bottom li:hover ul, #nav-bottom li.sfhover ul {
  left: auto;
}


/* Home page right column navigation */

#nav-home-right ul {
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
}

#nav-home-right li {
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none;
}

#nav-home-right li a {
  width: 220px;
  display: block;
  padding: 0;
}

#nav-home-right li a#nav-home-right-01 { height: 24px; background: transparent url(../images/nav-home-right-01.gif) left top no-repeat; text-indent: -9999px; }
#nav-home-right li a#nav-home-right-02 { height: 26px; background: transparent url(../images/nav-home-right-02.gif) left top no-repeat; text-indent: -9999px; }
#nav-home-right li a#nav-home-right-03 { height: 26px; background: transparent url(../images/nav-home-right-03.gif) left top no-repeat; text-indent: -9999px; }
#nav-home-right li a#nav-home-right-04 { height: 26px; background: transparent url(../images/nav-home-right-04.gif) left top no-repeat; text-indent: -9999px; }

#nav-home-right li a#nav-home-right-01-current { height: 24px; background: transparent url(../images/nav-home-right-01-over.gif) left top no-repeat; text-indent: -9999px; }
#nav-home-right li a#nav-home-right-02-current { height: 26px; background: transparent url(../images/nav-home-right-02-over.gif) left top no-repeat; text-indent: -9999px; }
#nav-home-right li a#nav-home-right-03-current { height: 26px; background: transparent url(../images/nav-home-right-03-over.gif) left top no-repeat; text-indent: -9999px; }
#nav-home-right li a#nav-home-right-04-current { height: 26px; background: transparent url(../images/nav-home-right-04-over.gif) left top no-repeat; text-indent: -9999px; }

#nav-home-right li a#nav-home-right-01:hover { background: transparent url(../images/nav-home-right-01-over.gif) left top no-repeat; }
#nav-home-right li a#nav-home-right-02:hover { background: transparent url(../images/nav-home-right-02-over.gif) left top no-repeat; }
#nav-home-right li a#nav-home-right-03:hover { background: transparent url(../images/nav-home-right-03-over.gif) left top no-repeat; }
#nav-home-right li a#nav-home-right-04:hover { background: transparent url(../images/nav-home-right-04-over.gif) left top no-repeat; }


/* Right column navigation */

#nav-right ul {
  margin: 0 7px 0 30px;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  font-family: verdana, tahoma, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 14px;
}

#nav-right ul ul {
  margin: 0 0 0 25px;
  padding: 5px 0 0 0;
}

#nav-right ul ul ul {
  margin: 0 0 0 25px;
  padding: 5px 0 0 0;
}

#nav-right li {
  padding: 0 0 11px 0;
}

#nav-right li li {
  padding: 0 0 5px 0;
  
}

#nav-right li a {
  color: #A3852F;
  text-decoration: none;
}

#nav-right li a:hover {
  color: #A3852F;
  text-decoration: none;
  font-weight: bold;
}


/* Content */

.aleft { text-align: left; }
.acenter { text-align: center; }
.aright { text-align: right; }

.fleft { float: left; }
.fright { float: right; }

.cboth { clear: both; font-size: 1px; line-height: 1px; }

p {
  margin: 0;
  padding: 3px 30px 12px 30px;
  text-align: justify;
}

a {
  color: #A3852F;
  text-decoration: none;
}

a:hover {
  color: #A3852F;
  text-decoration: underline;
}

a:active, a:focus {
  outline: none;
}

a.bold {
  color: #A3852F;
  text-decoration: none;
}

a.bold:hover {
  color: #A3852F;
  text-decoration: none;
  font-weight: bold;
}

.black, .black a, a.black {
  color: #000;
  text-decoration: none;
}

.black a:hover, a.black:hover {
  color: #000;
  text-decoration: underline;
}

b {
  font-weight: normal;
  color: #A3852F;
}

strong {
  font-weight: bold;
  color: #A3852F;
}

.highlight {
  font-size: 14px;
  color: #A3852F;
  text-align: left;
}

ul {
  margin: 0;
  padding: 3px 30px 12px 50px;
  list-style-type: disc;
  list-style-image: none;
}

ul ul {
  margin: 0;
  padding: 3px 0 3px 30px;
  list-style-type: circle;
  list-style-image: none;
}

ol {
  margin: 0;
  padding: 3px 30px 12px 90px;
}

li {
  padding: 0 0 4px 0;
}

ul.no-bullets {
  padding: 3px 30px 12px 30px;
  list-style-type: none;
}

ul.no-bullets ul {
  padding: 3px 0 6px 25px;
  list-style-type: none;
}

ul.no-bullets li {
  padding: 0 0 1px 0;
}

.col2 {
  float: left;
  width: 325px;
}

.col-1 {
  float: left;
  width: 300px;
}

.col-2 {
  float: right;
  width: 350px;
}

.col2 p, .col-1 p, .col-2 p {
	text-align: left;
}

.photo {
	border: 1px solid #d0c196; 
	padding: 3px;
}

#top-contact {
	color: #f5f2e9;
	font-size: 11px;
	line-height: 14px;
	text-align: right;
	padding: 1px 10px 5px 0;
}

#top-contact strong {
	color: #d9cca8;
}

#top-contact a, #top-contact a:hover {
	color: #f5f2e9;
}


/* Table styles */

table {
  padding: 0;
  margin: 3px 30px 12px 30px;
  text-align: justify;
}

table thead th {
  margin: 0;
  padding: 5px;
  color: #000;
  font-family: verdana, arial, tahoma, helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #efe9d9;
  border-bottom: 1px solid #efe9d9;
}

table tbody tr.row1 td {
  border-right: 1px solid #fff;
}

table tbody tr.row2 td {
  border-right: 1px solid #fff;
  background: #efe9d9;
}

table tbody td {
  margin: 0;
  padding: 3px;
  color: #111;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 13px;
  text-align: left;
}


/* Form Fields */

form {
  margin: 0;
  padding: 3px 30px 12px 30px;
}

label {
  width: 140px;
  display: block;
  float: left;
}

input {
  width: 200px;
  padding: 3px;
  margin: 0 0 8px 0;
  color: #111;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 13px;
  border: 1px solid #D1C297;
}

input.checkbox {
  width: 20px;
  padding: 0;
  margin: 0 0 8px 0;
  border: 0;
}

textarea {
  width: 300px;
  height: 100px;
  padding: 3px;
  margin: 0 0 8px 0;
  color: #111;
  font-family: arial, tahoma, verdana, helvetica, sans-serif;
  font-size: 13px;
  border: 1px solid #D1C297;
}

a#submit, input#submit {
  width: 335px;
  height: 25px;
  display: block;
  text-indent: -9999px;
  background: transparent url(../images/submit.gif) center bottom no-repeat;
  border: 0;
}


/* Footer */

#footer {
  clear: both;
  width: 100%;
  color: #A3852F;
  font-family: verdana, tahoma, arial, helvetica, sans-serif;
  font-size: 11px;
  text-align: center;
  line-height: 15px;
}

#footer a {
  color: #A3852F;
  text-decoration: none;
}

#footer a:hover {
  color: #A3852F;
  text-decoration: none;
}

#footer #copy {
  clear: both;
  margin: 17px 0 0 0;
  padding: 65px 0 0 0;
  background: transparent url(../images/rr-btm-logo.gif) center top no-repeat;
}

#footer #copy a:hover {
  color: #795f14;
  text-decoration: underline;
}

#footer #info {
  clear: both;
  color: #b09959;
  margin: 17px 0 0 0;
  padding: 0 85px;
}

#footer #info a {
  color: #b09959;
}

#footer #info a:hover {
  color: #A3852F;
}

#footer #credits {
  display: none;
}