/*styles for yourlakeman homepage*/

html {
height: 100%;
width: 100%;
margin: 0 0 0 0;
scrollbar-face-color: #633013;
scrollbar-arrow-color: #b68962;
scrollbar-track-color: #b68962;
scrollbar-shadow-color: #633013;
scrollbar-3dlight-color: #b68962;
scrollbar-highlight-color: #b68962;
scrollbar-darkshadow-color: #b68962; 
}
body {
width: 100%;
background: #633013 url('images/planks2.jpg') fixed;
font-family: georgia, "times new roman", serif;
color: #633013;
}
#outer {
z-index: 2;
position: relative;
width: 800px;
border: solid 5px #3b1c0b;
background-color: #e8cea9;
margin: 20px auto;
}
p {
font-size: 0.8em;
line-height: 1.3em;
text-align: justify;
color: #3b1c0b;
}
/*HINT: Set the class of any menu link to "active" to make it appear active*/
a {
color: #9e2e02;
text-decoration: none;
}
a:hover {
color: #9e2e02;
text-decoration: underline;
}
.brown {
color: #97663d;
}
h3 {
color: #633013;
font-size: 1.7em;
font-weight: bold;
letter-spacing: 1.2px;
}
h4 {
font-size: 1.2em;
color: #633013;
font-weight: bold;
letter-spacing: 1.2px;
}
h5 {
font-size: 1.0em;
color: #633013;
font-weight: bold;
letter-spacing: 1.1px;
}

/*----header----*/

#header {
position: relative;
width: 800px;
height: 130px;
background: #3b1c0b url(images/scroll.jpg);
background-repeat: no-repeat;
border-bottom: 1px #3b1c0b solid;
}
#headercontent {
position: absolute;
bottom: 0em;
padding: 90px 10px 0 0;
}
#headercontent h1 {
font-weight: normal;
color: #693113;
font-size: 30px;
margin-left: 50px;
}
#headercontent h2 {
font-size: 20px;
font-weight: bold;
color: #7f4d2a;
margin-left: 120px;
}
#headerpic {
position: relative;
height: 160px;
width: 800px;
background: #7f4d2a url(images/hdrpic.jpg) no-repeat;
margin-bottom: 2px;
}

/*----menu----*/

#menu {
position: relative;
background: #804827;
height: 48px;
padding: 10px 2px 0 0;
border-bottom: 6px #3b1c0b solid;
}
#menu ul {
position: absolute;
margin-left: 10px;
margin-right: 10px;
}
#menu ul li {
position: relative;
display: inline;
color: #af8656;
}
#menu ul li a {
padding: 30px 4px;
color: #deab70;
font-size: 12px;
text-decoration: none;
}
#menu ul li a:hover {
background: #3b1c0b url(images/menubg.jpg) repeat-x;
text-decoration: none;
}
#menu ul li a:active {
background: #3b1c0b url(images/menubg.jpg) repeat-x;
text-decoration: none;
}

/*----content----*/

#content {
padding: 10px 20px 20px 20px;
background: #e8cea9 url(images/parch.jpg) repeat-x top;
}
#containertop {
width: 100%;
padding-top: 40px;
}
#containertop img {
float: left;
margin-top: 0;
margin-bottom: -15px;
margin-left: 10px;
}
.container {
width: 100%;
padding-top: 20px;
}
.container img {
position: relative;
float: left;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 10px;
}
.spacer {
clear: both;
}
.caption_small {
position: relative;
top: 5px;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
font-size: 0.7em;
color: #804827;
}
.property {
width: 700px;
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px #7f4d2a solid;
padding: 10px;
}
.property span {
font-weight: bold;
color: #935c1b;
}
.property img {
position: relative;
float: left;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 10px;
border: 1px #7f4d2a solid;
}

#infobox {
float: left;
width: 280px;
background: #debe8f;
padding: 10px;
border: solid 1px #7f4d2a;
margin-top: 10px;
margin-right: 15px;
margin-bottom: 10px;
margin-left: 10px;
}
#box p {
text-align: left;
font-size: 0.7em;
}
#box h4 {
font-size: 1.1em;
color: #633013;
font-weight: bold;
letter-spacing: 1.2px;
text-align: center;
}
.linkbox {
margin: 10px 20px 10px 10px;
padding: 5px;
}
.linkbox img {
float: right;
border: none;
}
.linkbox a {
border: none;
text-decoration: none;
}
.linkbox a:hover {
border: none;
text-decoration: none;
}

/*----CSS FOR SLIDESHOW SCRIPT----*/

#imageSlideshowHolder {
position: relative;
margin-top: 10px;
margin-bottom: 2px;
margin-left: 10px;
margin-right: 30px;
float: right;		
width: 320px;
height: 240px;
border: 3px #3b1c0b solid;
}

/* Don't change these values */
#imageSlideshowHolder img {
position: absolute;
left: 0px;
top: 0px;
}

/*----footer----*/

#footer {
position: relative;
height: 50px;
clear: both;
padding-top: 15px;
background: #3b1c0b;
margin-bottom: 0;
}
#footer p {
width: 95%;
text-align: center;
font-family: 'Trebuchet MS', sans-serif;
color: #e5d9af;
font-size: 11px;
}
#footer a {
color: #ae8b59;
text-decoration: none;
}
#footer a:visited {
color: #ae8b59;
text-decoration: none;
}
#footer a:hover {
color: #ae8b59;
text-decoration: underline;
}
#footer a:active {
color: #ae8b59;
text-decoration: none;
}