html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

body {
    font: 100.01% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
    color: #333;
    padding: 0;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:scroll;
}

body * {
    line-height:1.22em;
}

.box1 {
   position:relative;
   left:50%;
   width:40%;
   padding:20px;
   border:5px outset #d71919;
   background-color:#6D4439;
   background-image:url(photos/knottypine5.jpg);
   color:white;
   text-shadow:-2px -2px 2px black;
   text-outline:1px 1px black;

/* Firefox */
   display:-moz-block;
   -moz-block-pack:center;
   -moz-block-align:left;

/* Safari, Opera, and Chrome */
   display:-webkit-block;
   -webkit-block-pack:center;
   -webkit-block-align:left;

/* W3C */
   display:block;
   block-pack:center;
   block-align:left;
}

.box1 .boxed_list {
   list-style-position:inside;
   text-align:left;
   padding:0px 40px 20px 40px;
}

.box2 {
   position:relative;
   width:84%; 
   top:20px;
   padding:20px;
   /*border:10px outset #d71919;*/
   border:5px outset #114720;
   background-color:#6D4439;
   background-image:url(photos/knottypine5.jpg);
   text-shadow:-1px -1px 1px gray;
   color:black;
   
/* Firefox */
   display:-moz-block;
   -moz-block-pack:center;
   -moz-block-align:left;

/* Safari, Opera, and Chrome */ 
   display:-webkit-block;
   -webkit-block-pack:center;
   -webkit-block-align:left;

/* W3C */
   display:block;
   block-pack:center;
   block-align:left;
}

.box2 .boxed_list {
   text-align:center;
}

.box2 .boxed_list li {
   display:inline;
   list-style-type:none;
   padding:5px 20px;
}
.box2 .boxed_list a {
   color:black;
}

.bottom {
   position:relative;
   top:25px;
   width:100%;
   color:#808080;
}

.foot {
   padding:25px;
   color:#808080;
}


h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, "Times New Roman", Times, serif;
//    color:#4088b8;
    clear: both;
}

h1.main {
   color:#6D4439;
   text-shadow:-1px -1px white;
   padding:20px;
}

h1.cottage {
   color:brown;
   text-shadow:-1px -1px white;
   padding:20px;
}

h2 {
   color: #c8c8c8;
   margin-top: -25px;
}

h3 {
}

h4 {
    color: #333;
    margin-bottom: -10px;
}

p {
    margin: 10px 0;
    clear: both;
}

ul, ol {
    margin-left 0;
}

ul ul {
    margin-bottom: 20px;
}

#wrap {
    color: #404040;
    /*margin: 0 12%;*/
    margin: 20px 40px;
}

a {
   color:white;
   text-shadow:0px 0px 0px gray;
}


table {
    font-size: inherit;
    border: 1px solid #c8c8c8;
}

th {
    background: #d8d8d8;
    text-align: left;
    padding: 5px;
    white-space: nowrap;
}

td {
    background: #f8f8f8;
    text-align: left;
    padding: 5px;
    vertical-align: top;
}

select, input, textarea {
    font: 99% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
}

pre, code, tt, dt {
    font: 100% monospace;
    margin: 20px 0;
}

pre, blockquote {
    padding: 15px;
    background-color: #f0f0f0;
    margin: 20px 0;
    -moz-border-radius: 10px;
}

td pre {
    font: 85% monospace;
    padding: 5px;
    margin: 5px 0;
}

.errorbox {
   position:absolute;
   bottom:50%;
   left:25%;
   width:50%;
   padding:20px;
/*   border:5px outset #d71919;*/
   border:5px outset #114720;
   background-color:#6D4439;
   background-image:url(photos/knottypine5.jpg);
   color:white;
   text-shadow:-2px -2px 2px black;
   text-outline:1px 1px black;

/* Firefox */
   display:-moz-block;
   -moz-block-pack:center;
   -moz-block-align:left;

/* Safari, Opera, and Chrome */
   display:-webkit-block;
   -webkit-block-pack:center;
   -webkit-block-align:left;

/* W3C */
   display:block;
   block-pack:center;
   block-align:left;
}