body {
   font-family: Verdana, Geneva, sans-serif;
   color: #000;
   background-color: #000;
   margin: 20px 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-top: 5px;
   padding-right: 20px;
   padding-bottom: 20px;
   padding-left: 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;
   width: 850px;
   position: relative;
   z-index: 20;
   height: 50px;

}
#masthead #heading {
   text-align: center;
}
#framed  {
   width: 540px;
   height: 340px;
   background-image: url(photo1.jpg);
   background-repeat: no-repeat;
   z-index: 700;
   background-position: 10px 10px;
   margin-left: 10px;
}
#masthead h1 {
   color: #E9D598;
   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;
}
.clearing {
display: block;
clear: both;
visibility: hidden;
height: 0;
border-width: 0;
margin: 0;
padding: 0;
}
h1 {
   font-size: 21px;
   font-family: Verdana, Geneva, sans-serif;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 12px;
   margin-left: 0px;
}
/*
Floated Columns
680 + 200 + 20 = 900
*/
.maincolumn {
   float: left;
   width: 630px;
   position: relative;
}
.sidebarwrapper {
   float: left;
   width: 198px;
   margin: 10px;
}
.maincontent {
   font-size: 0.875em;
   line-height: 1.5em;
   color: #E9D598;
   background-image: url(SmallHdr.jpg);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   padding-top: 72px;
   padding-right: 32px;
   padding-bottom: 12px;
   padding-left: 32px;
}
#index .maincontent {
   background-image:none;
   padding-top: 12px;
}
.maincontent h1 {
   text-align:center;
}
.maincontent h2 {
   font-size: 1.2em;
   color: #F4EBCE;
   margin-top: 22px;
   margin-right: 0;
   margin-bottom: 0;
   margin-left: 0;
}
.maincontent h3 {
   margin-bottom: 2px;
}
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: 4px;
   margin-left: 0px;
}
/*Links*/
.maincontent a, .maincontent a:visited {
   color:#8CB3D9;
}

.maincontent a:hover { color:#FC0;}
.sidebar a {
   color: #4AB0C6;
}
.PhotoBorder {
   border: 1px outset #666666;
   margin: 5px 0px;
   padding: 5px;
   background-color: #CCCCCC;
}
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;
}
#amenities .maincontent table td, #rates .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;
}
#thankmessage {
   background-color: #FFFFD9;
   border: 2px outset #000066;
   position: absolute;
   height: 550px;
   width: 480px;
   left: 200px;
   top: 0px;
   padding: 30px 16px 16px;
   color: #000;
}
#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;
}
.check {
   height: 1px;
   position: absolute;
   width: 120px;
   left: -1600px;
   top: -1500px;
}

/******** SUBMIT BUTTONS ***********/

#movie {
   float: right;
   width: 240px;
}
#movie a:link, #movie a:visited  {
   color:#9CC;
   font-weight: bold;
}
#movie a:hover {
   color:#FC0;
}
#reserve {
   float:left;
   width:300px;
}