/* base
----------------------------------------------- */

body {
margin: 10px auto;
padding: 0;
font: 62.5%/1.4 "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
color: #575649;
background: #88995D;
text-align:center;
line-height:2em;
}

body html {
font-size:100%;
}

p {
margin:0; padding:0;
}

h1, h2, h3, h4, h5, h6, h7 {
margin:0 auto; padding:0;
font-weight: normal;
}

h1 {
font-size: 3em;
}

h2 {
margin:0 auto; padding:0;
font-size: 1.6em;
color:#958963;
}

h3 {
margin:0 0 1.5em 0; padding:0;
font-size: 1.6em;
color:#958963;
}

h4 {
font-size: 1.5em;
text-transform:uppercase;
line-height:1.5em;
}


small, .small {
font-size: 0.9em;
}

blockquote {
margin:0 auto; padding:20px;
border:1px solid #eee;
background:#f7f6f2;
}

/* links
----------------------------------------------- */

a {text-decoration:underline; border-style:none; color:#676659; }
a:hover {  text-decoration:none; color:#373629; }
a img {text-decoration:none; border-style:none;}

h1 a, h2 a, h3 a {
border: none;
}

/* overrides
----------------------------------------------- */

.caps {
font-size: 0.9em;
letter-spacing: 0.1em;
}

/* global layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}

/* links

----------------------------------------------- */

#pages {
margin:0 auto; padding:10px;
width: 580px !important;
\width: 600px;
w\idth: 580px;
width: 620px;
overflow: auto;
}

#photocontainer {
clear:both;
margin:0 auto; padding:0px;
width: 600px;  \width: 620px;  w\idth: 600px;
height: 400px;
background-color: #d1d0ca;
border-right:10px solid #fff;
border-left:10px solid #fff;
border-top:10px solid #fff;
text-align:center;
}

#container {
margin:0 auto;padding:10px 0;
width:820px;
background:#fff;
}

#banner {
margin:0 auto;padding:0;
width:820px;
height:386px;
background: url(/myimages/main.jpg) center center no-repeat;
}

#pagebannercontainer {
margin:0 auto;padding:0;
width:800px;
height:200px;
background: url(/textpattern/images/logo-page.gif) top right no-repeat;
text-align:left;
}

#pagebar {
margin:0 auto;padding:0;
width:800px;
height:30px;
background:#958963;
line-height:4px;
}

.whitedivider {
margin:0 auto;padding:0;
width:820px;
height:10px;
background:#fff;
line-height:4px;
}

#topbar {
margin:0 auto;padding:0;
width:820px;
height:69px;
background: url(/textpattern/images/topbar.gif) center center no-repeat;
}

#logo {
margin:0 auto;padding:0;
width:820px;
height:100px;
background: url(/myimages/logo.gif) center center no-repeat;
}

#main {
margin: 0px auto;
margin-bottom:0px;
padding: 0 20px;
text-align:left;
font-size:1.3em;
line-height:1.8em;
background: url(/textpattern/images/mainbg.gif) center center repeat-y;
overflow:auto;
}

#main_gallery {
margin: 0px auto;
margin-bottom:0px;
padding: 0 10px;
text-align:left;
font-size:1.4em;
line-height:1.7em;
background: url(/textpattern/images/mainbg.gif) center center repeat-y;

overflow:auto;
}

#content {
margin: 20px auto;
padding: 0;
float: left;
width: 500px;
}

#content-left {
margin:0 auto; padding:0 10px 0 0;
text-align:center;
width:150px;
float:left;
}

#content-middle {
margin:0 auto; padding:0 10px 0 0;
text-align:center;
width:150px;
float:left;
}

#content-right {
margin:0 auto; padding:0;
text-align:center;
width:150px;
float:left;
}

.thumb-left {
margin:0 10px 10px 5px;
padding: 3px;
background-color:#c6c1a6;
float:left;
}

.thumb-divider {
clear:left
margin:10px 0;
}

#content_gallery {
margin: 0 auto;
padding: 0;
float: left;
width: 500px;
}

#sidebar {
margin: 20px auto;
padding: 0;
font-size:0.9em;
text-align:left;
float: right;
width: 240px;
}

#sidebar_gallery {
margin: 20px auto;
padding: 0;
text-align:left;
float: right;
width: 240px;
font-size:1.1em;
color:#fff;
line-height:2em;
text-transform:uppercase;
}

#sidebar_gallery a {
text-transform:uppercase;
background:#c3ccae;
color:#515b37;
text-decoration:none;
}

#sidebar_gallery a:hover {
text-transform:uppercase;
background-color:#515b37;
color:#c3ccae;
text-decoration:none;
}

#footer {
margin: 0 auto;
padding:15px 0;
text-align:center;
clear:both;
width:800px;
height:50px;
color:#515B37;
font-size:1.1em;
}

#footer a {
margin: 0 auto;
font-size:1em;
color:#515B37;
text-decoration:underline;
}

#footer a:hover {
color:#88995D;
text-decoration:underline;
background-color:#515B37;
}


/* nav bar using sprites */

#navbar {
    width: 800px; height: 50px;
    background: url(/textpattern/images/navbar.gif);
    margin: 0 auto; padding: 0;
    position: relative;}
#navbar li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
#navbar li, #navbar a {
    height: 50px; display: block;}

#home {left: 25px; width: 70px;}
#about {left: 110px; width: 78px;}
#gallery {left: 204px; width: 96px;}
#rates {left: 316px; width: 72px;}
#directions {left: 405px; width: 122px;}
#activities {left: 544px; width: 113px;}
#contact {left: 672px; width: 106px;}


/* hover states
-----------------*/
#home a:hover {
    background: transparent url(/textpattern/images/navbar.gif)
    -25px -100px no-repeat;}

#about a:hover {
    background: transparent url(/textpattern/images/navbar.gif)
    -110px -100px no-repeat;}

#gallery a:hover {
    background: transparent url(/textpattern/images/navbar.gif)
    -204px -100px no-repeat;}

#rates a:hover {
    background: transparent url(/textpattern/images/navbar.gif)
    -316px -100px no-repeat;}

#directions a:hover {
    background: transparent url(/textpattern/images/navbar.gif)
    -405px -100px no-repeat;}

#activities a:hover {
    background: transparent url(/textpattern/images/navbar.gif)
    -544px -100px no-repeat;}

#contact a:hover {
    background: transparent url(/textpattern/images/navbar.gif)
    -672px -100px no-repeat;}

/* comments
----------------------------------------------- */

.comments_error {
color: #000;
background-color: #fff4f4 
}

ul.comments_error {
padding : 0.3em;
list-style-type: circle;
list-style-position: inside;
border: 2px solid #fdd;
}

div#cpreview {
color: #000;
background-color: #f1f1f1;
border: 2px solid #ddd;
}

form#txpCommentInputForm td {
vertical-align: top;
}

/* contact form plugin "Zem Contct Reborn"
----------------------------------------------- */

#zemContactForm {
margin:0 auto;
margin-top:-20px;
padding:0;
font-size:0.9em;
line-height:1.6em;
text-align:left;
}

#zemContactForm p {
margin:0 auto;
padding:0;
}

fieldset {
border:0;
}

label {
border:0;
}

fieldset legend { display:none ;}

#yourname, #youremailaddress, #subject, #message {
margin:0 auto;padding:0;
width:400px;
height:1.6em;
}

#message {
width:400px;
height:20em;
}

#zenSubmit {
}

#mapcontainer {
margin:10px auto; padding:0;
text-align:center;
}

.image-plain {
margin:0;
padding:0;
border-style:none;
text-decoration:none;
background-color:#e7e7d3;
}

.centerall {
text-align:center;
font-size:1.4em;
text-transform:uppercase;
padding:40px;
}