body {
   font-family: Verdana, Geneva, sans-serif;
   color: #000;
   background-color: #77A6AE;
   margin: 0 0 40px 0;
   padding: 0px;
   font-size: 100%;
   background-image: url(img/BG.jpg);
   background-repeat: repeat-x;
}
/*
Layout Width
*/
#outer {
   border: 1px solid #000;
   padding: 2px;
   width: 890px;
   margin: 0 auto;
   background-color: #344E4E;
}
/*
Available Width
940 - 40 = 900
*/
#inner {
   background-color: #000;
   padding: 20px;
}
/*
.sidebarbox .p7PMMv15 {
   width: auto;
   margin: 0 0 2px 0;
   font-size: 0.8em;
   position: relative;
   z-index: 9999;
}
.sidebarbox .p7PMMv15 ul div {
   padding-right: 2px;
}
.sidebarbox .p7PMMv15 ul ul div {
   padding-right: 0px;
}
*/
#masthead {
   overflow: hidden;
   margin-bottom: 16px;
   width: 850px;
   position: relative;
   z-index: 20;
   height: 172px;
   background-image: url(img/masthead.jpg);
   background-repeat: no-repeat;
}
#masthead #heading {
   height: 140px;
   width: 400px;
   position: absolute;
   left: 220px;
   top: 2px;
}
#masthead h1 {
   color: #FFC;
   text-align: center;
   font-size: 20px;
   margin: 143px;
}
#contentwrapper {
   background-color: #293942;
   background-image: url(img/body_bg.gif);
   background-repeat: repeat-y;
   background-position: 0px;
   border: 1px solid #3A763A;
}
.clearfloat {
   clear: both;
   height: 0;
   line-height: 0;
}
h1 {
   margin: 0px;
   font-size: 1.4em;
   font-family: Verdana, Geneva, sans-serif;
}
/*
Floated Columns
680 + 200 + 20 = 900
*/
.maincolumn {
   float: left;
   width: 630px;
}
.sidebarwrapper {
   float: left;
   width: 198px;
   margin-left: 10px;
}
.maincontent {
   padding: 24px 32px;
   font-size: 0.875em;
   line-height: 1.5em;
   color: #E9D598;
}

.maincontent h2 {
   font-size: 1.2em;
   margin: 12px 0 0 0;
   color: #FF9;
}
.maincontent h3 { 
   margin-bottom: 4px;
}
p  {
   margin-top: 0;
   margin-right: 0;
   margin-bottom: 8;
   margin-left: 0;
}
p.lessmargin {
   line-height: 1.1em;
   margin-top: 0;
   margin-bottom: 12px;
}
.sidebarbox {
   padding: 2px;
   border: 1px solid #000;
   margin: 0 0 10px 0;
}
.sidebar, .sidebar2 {
   color: #D5D1CE;
   background-color: #000;
   padding: 16px;
   font-size: 0.8em;
   line-height: 1.4em;
}
.sidebar2 {
   color: #000;
   background-color: #5B8E99;
}
.sidebarbox h2 {
   color: #9FC;
   margin-top: 12px;
   margin-right: 0px;
   margin-bottom: 5px;
   margin-left: 0px;
}
/*Links*/
.maincontent a, .maincontent a:visited {
   color:#8CB3D9;
   text-decoration:none;
}

.maincontent a:hover { color:#FC0;}
.sidebar a {
   color: #4AB0C6;
}
.PhotoBorder {
   border: 1px outset #666666;
   margin: 5px 0px;
   padding: 5px;
   background-color: #DDD;
}
a:hover .PhotoBorder   {
   margin: 5px 0px;
   padding: 5px;
   border: 1px solid #666666;
   background-color: #FFFFC1;
}
.sidebar a:visited {
   color: #4AB0C6;
}
.sidebar a:hover {
   color: #FFF;
}
.sidebar2 a {
   color: #FFF;
}
.sidebar2 a:visited {
   color: #FFF;
}
.sidebar2 a:hover {
   color: #000;
}
.footercolumn1 a {
   color: #54A9A9;
   text-decoration: none;
}
.footercolumn1 a:visited {
   color: #4AB0C6;
}
.footercolumn1 a:hover {
   color: #FFF;
}
.footer {
   overflow: hidden;
   font-size: 0.7em;
   color: #A09B97;
   margin-top: 20px;
}
.footercolumn1 {
   float: left;
   width: 100%;
   margin-right: 30px;
}
.footer p {
   margin: 1px 0 12px 0;
}

.sidebar2 ul, .maincontent ul {
   list-style-image: url(ball.gif);
   padding: 7px 3px 7px 3px;
   margin-left: 16px;
   margin-top: 0;
}
.sidebar2 ul {
      margin-left: 6px;
}
.sidebar2 ul li, .maincontent ul li {
   margin-bottom: 6px;
   line-height: 1.2em;
}
#rentals .maincontent table td {
   border: 1px solid #965301;
   padding: 4px;
   border-collapse:collapse;
   font-size: .9em;
}
#rates .maincontent table td {
   background-color: #474749;
}
#rates .maincontent table th {
   background-color: #3A3A3D;
   text-align:left;
}  
/* ------ automatically put border around photos on Photo Gallery Page -------- */
#photos .maincontent img {
   border: 1px outset #666666;
   margin: 5px 0px;
   padding: 5px;
   background-color: #CCCCCC;
}
#photos .maincontent {
   background-image:none;
   padding-top: 8px;
}

#photos .maincontent p { margin-bottom: 20px; }
/* Error Message and Thank You for Reservation Form */
#errormessage {
   background-color: #FFFFD9;
   border: 2px outset #000066;
   position: absolute;
   height: 300px;
   width: 480px;
   left: 200px;
   top: 0px;
   text-align: center;
   padding: 30px 16px 16px;
   color: #ff0000;
   z-index: 99999;
}
#thankmessage {
   background-color: #FFFFD9;
   border: 2px outset #000066;
   position: absolute;
   height: 550px;
   width: 480px;
   left: 200px;
   top: 0px;
   padding: 30px 16px 16px;
   color: #000;
   z-index: 99999;
}
#thankmessage a, #thankmessage a:link { color: #0000ff; }
#thankmessage h2 { color: #009900; margin-top: 0px; }
form input.button {
   color: #99FFFF;
   text-transform: uppercase;
   padding-right: 5px;
   padding-left: 5px;
   padding-top: 3px;
   padding-bottom: 3px;
   border-top: 2px solid #BDBD81;
   border-right-width: 2px;
   border-bottom-width: 2px;
   border-left-width: 2px;
   background-color: #3570AA;

}
form input.button:hover {
   color: #CDFF82;
   background-color: #009900;
}
form p {
   font-size: 0.9em;
   margin: 0px;
   padding: 0px;

}
.uhoh {
   font-size: 1.2em;
   font-weight: bold;
   color: #993333;
}
/* ------ automatically put border around photos on Photo Gallery Page -------- */
.photos #maincontent img {
   border: 1px outset #666666;
   margin: 5px 0px;
   padding: 5px;
   background-color: #CCCCCC;
}
div.photos #maincontent p { margin-bottom: 20px; }

.check {
   height: 1px;
   position: absolute;
   width: 120px;
   left: -1600px;
   top: -1500px;
}

#movie a:link, #movie a:visited  { color:#0033CC; font-weight: bold; }
#movie a:hover { color:#FF6600; }
#movie {
   float: right;
   width: 240px;
}

#reserve {
   float:left;
   width:360px;
}
/******** Form Checkboxes ***********/
ul.Checkboxes
{
padding: 0em;
margin: 0em;
}

ul.Checkboxes li
{
   display: block;
   list-style-type: none;
   clear: both;
   float: none;
   height: auto;
   overflow: auto;
   list-style-image: none;
}

ul.Checkboxes li input
{
display: block;
float: left;
margin-bottom: 0px;
}

ul.Checkboxes li label
{
display: block;
margin-left: 0.2em;
float: left;
clear: right;
}
/***** SIDEBAR MENU  ******/

div.sidebar2 #sidenav {
   width: 100%;
   margin-top: 6px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.sidebar2 #sidenav ul#navlist
{
   text-align: left;
   padding: 0;
   margin: 0;
   width: 155px;
   list-style: none;
   font-size: 12px;
   font-weight: bold;
   list-style:none;
   list-style-type: none;
   list-style-image: none;
}

div.sidebar2 #sidenav ul#navlist li
{
display: block;
margin: 0px;
padding: 0px;
}

div.sidebar2 #sidenav ul#navlist li a
{
   display: block;
   width: 100%;
   color: #FFFFFF;
   text-decoration: none;
   padding-top: 0.7em;
   padding-right: 0;
   padding-bottom: 0.7em;
   padding-left: 0.6em;
   background-color: #D89838;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-top-style: solid;
   border-right-style: solid;
   border-bottom-style: solid;
   border-left-style: solid;
   border-top-color: #CCCCCC;
   border-right-color: #aaab9c;
   border-bottom-color: #666666;
   border-left-color: #CCCCCC;
}

div.sidebar2 #sidenav ul#navlist li#active a
{
   color: #800000;
   background-color: #DBAD60;

}

div.sidebar2 #sidenav ul#navlist li a:hover
{
   color: #764134;
   border-color: #aaab9c #fff #fff #ccc;
   background-color: #F2D57D;
}