* {margin: 0; padding: 0;}
html, body {
    height: 100%;
}
#container {
    position: relative;
    
    min-height: 100%;
}
body { color: black; font-size: 13px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 18px; background-color: #51521e; background-image: url(../images/background.gif); background-repeat: repeat-y; }
body.cal {background-color: #cfd47b;background-image: url(../images/background_calendar.gif); background-repeat: repeat-y;}
h3 { font-size: 16px; font-style: normal; margin-bottom:10px; margin-top:12px; }
p { font-size: 13px; line-height: 22px;  margin-bottom: 13px;  }
a:link { color: #003366 }
a:visited { color: #333366 }
a:hover { color: purple }
a:active { color: red }


#column1{ background-color: #2a4966; position: absolute; top: 0; left: 0; width: 220px; min-height: 100%; background-image: url(../images/map.gif); background-repeat: no-repeat; height: 800px; }
#column2{ background-color: #000000; position: absolute; top: 0; left: 220px; width: 5px; height: 100%; }
#column3{ background-color: #CFD47B; position: absolute; top: 0; left: 225px; width: 520px;  }
#column3_calendar{ background-color: #CFD47B; position: absolute; top: 0; left: 225px; width: 100%; height: 100%; margin-left: 5px solid #000;padding-left:10px; }
#column4{ background-color: #000000; position: absolute; top: 0; left: 745px; width: 5px; height: 100%;}
#column5{ background-color: #6D6E29; position: absolute; top: 0; left: 750px; width: 13px; height: 100%;}

#thincontent {padding-left:20px;width:300px;}
#content {padding-left:20px;padding-right:20px; }
#links {position:absolute;top:75px; left:00px; width:220px;list-style: none;}
#links li {height:25px;}
#links li a{padding-top:3px;padding-bottom:1px;width:210px;padding-left:10px;color:#aaa;display:block;}
#links li a:hover{width:210px;background-color:#5C5429;}

#title_main { background-image: url(../images/header_title.gif); width: 520px; height: 75px; }
#header {background-color:#CFD47B;border-bottom:5px solid #000;}
#header h1 span{display:none;height:0px;}
#image_main { background-image: url(../images/header_dock.jpg); width: 520px; height: 120px; }
#xheaderbase {width:520px;height:5px; background-color:#000000;}

#title_green { background-image: url(../images/title_green.gif); width: 520px; height: 75px; }
#image_green { background-image: url(../images/image_green.jpg); width: 520px; height: 120px; }
#title_red { background-image: url(../images/title_red.gif); width: 520px; height: 75px; }
#image_red { background-image: url(../images/image_red.jpg); width: 520px; height: 120px; }
#title_gray { background-image: url(../images/title_gray.gif); width: 520px; height: 75px; }
#image_gray { background-image: url(../images/image_gray.jpg); width: 520px; height: 120px; }
#title_rental { background-image: url(../images/title_rental.gif); width: 520px; height: 75px; }
#image_rental { background-image: url(../images/image_rental.jpg); width: 520px; height: 120px; }
#title_contact { background-image: url(../images/title_contact.gif); width: 520px; height: 75px; }
#image_contact { background-image: url(../images/image_contact.jpg); width: 520px; height: 120px; }


#photo_1 a{position: absolute;top: 120px; left: 545px; width: 190px; height: 140px; cursor: pointer }
#photo_2 a{position: absolute;top: 270px; left: 545px; width: 190px; height: 140px; cursor: pointer }
#photo_3 a{position: absolute;top: 420px; left: 545px; width: 190px; height: 140px; cursor: pointer }
#photos span{display:none;}
.photo {padding:5px; background-color:#fff;margin-bottom:5px;}
.photo p {margin-bottom:0px; text-align:center;}
.photo img {}

.calendar { background-color: #cfd47b; margin-left:10px; margin-right:10px;}
.calendar  {background-color: #cfd47b;margin-bottom:16px; border:2px solid #000;}
.calendar  th { color: #fff; font-size: 0.9em; background-color: #51521e; padding-right: 3px; padding-left: 3px; }
.calendar  th.peak { background-color: #707000; }
.calendar  td { padding-right: 3px; padding-left: 3px; white-space:nowrap;}
.calendar  td { color: #000; font-size: 0.9em; background-color: #d3d77e; }
.calendar  td.available {color:#999974; background-color:#e4e6ad;  }
.calendar  td.emptydate {background-color:#d3d77e; padding:1px; }
.calendar  td.rented {color:#876748;background-color:#5a4024;}
.calendar  td.house {background-color:#e4e6ad;}

.boxed {border:1px solid #000; padding:10px; background-color:#e4e6ad}