html {
 background-image: url('../images/bkg-color.jpg');
 background-repeat: repeat; height: 100%;
 margin:0; padding:0;
 } 
 
 body {
 margin:0; padding:0;
 background-image: url('../images/bkg-bottom.jpg');
 background-repeat: repeat-x;
 background-position: center bottom;
 height: auto !important; height: 100%; min-height: 100%;
 }
 
 #outer {
 background-image: url('../images/bkg-top.jpg');
 background-repeat: repeat-x;
 background-position: center top; 
 margin:0; padding:0;
 height:100%;
 margin:auto;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 15px;
 }
 
 h1 {
 font-family: Verdana, Helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
 color:#000000;
 margin: 0; padding: 0; line-height: 28px;
 }
 
 h2 {
 font-family: Verdana, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#666666;
 margin: 0; padding: 0; line-height: 24px;
 }
 
a {color:#666666; text-decoration: underline;}
a:visited {color:#666666; text-decoration: underline;}
a:hover {color:#FC0DFC; text-decoration: none;}
a:hover {color:#666666; text-decoration: none;}
 
 /* First Level */
ul#main { margin: 0; padding: 0; list-style: none; width: 827px; height: 43px; background-image: url('../images/menu-bkg.jpg'); }
ul#main li { margin: 0; padding: 0; list-style: none; display: block; float:left; }
ul#main li a { margin: 0; padding: 0; height: 44px; display: block; background-image: url('../images/menu.jpg'); text-decoration: none; }
ul#main li a:hover, ul#main li.sel a { background-image: url('../images/menu-sel.jpg'); }
ul#main li a span { display: none; }

ul#main li#home a { background-position: 0px 0; width: 73px; }
ul#main li#shidings a { background-position: -73px 0; width: 97px; }
ul#main li#gallery a { background-position: -170px 0; width: 94px; }
ul#main li#reservations a { background-position: -264px 0; width: 136px; }
ul#main li#lagerfieldmenu a { background-position: -400px 0; width: 83px; }
ul#main li#functions a { background-position: -483px 0; width: 118px; }
ul#main li#contact a { background-position: -601px 0; width: 105px; }
ul#main li#membership a { background-position: -706px 0; width: 115px; }

 
 #container {
 margin:auto;
 width: 827px;
 background-image: url('../images/footer-bkg.jpg');
 background-repeat:no-repeat;
 background-position: center bottom;
 }
 
 #header {
 height: 194px;
 background-image: url('../images/header.png');
 background-repeat:no-repeat;
 }

 #banner {
 height: 224px;
 }
 
 #menu {
 background-image: url('../images/menu-background.jpg');
 margin:auto;
 width:827px;
 height: 44px;
 }
 
 #content {
 background-color: #fff;
 }
 
  #content .wrapper {
 margin: 0 0 0 10px;
 width: 817px;
 }
 
 #col {
 }
 
 #col-default{
 float:left;
 width: 602px;
 }
 
 #col-default .wrapper {
 width: 572px;
 padding: 10px 0;
 }
 
 #col-left {
 float:left;
 width: 370px;
 }
 
 #col-left .wrapper {
 width: 355px;
 padding: 10px 0;
 }
 
 #col-mid {
 float:left;
 width: 232px;
 }
 
 #col-mid .wrapper {
 margin:auto;
 width: 202px;
 padding: 10px 0;
 }
 
 #col-right {
 float:right;
 width: 214px;
 }
 
  #col-right .wrapper {
 margin: auto;
 width: 185px;
 padding: 10px 0;
 }
 
 #col-right .column {
 
 }
 
 .column p {
 margin:0px;
 padding:0px 0px 1em 0px;
 }
 
  #clear { clear:both; line-height: 30px; height:30px; background-color: #fff; padding-top: 20px; }
 
 #footer {
 clear:both;
 width:827px;
 height: 64px;
 background-image: url('../images/footer.png');
 background-repeat:no-repeat;
 background-position: center top;
 margin: 0 auto;
 }
 
 #col-mid .news-viewer {width: 202px; font-size: 10px;}
 #col-mid .news-viewer .item { margin: 0 0 10px; }
 #col-mid .news-viewer .item .image img { border: none; }
 #col-mid .news-viewer .item .date {width: 202px; display: block;}
 #col-mid .news-viewer .item .hyphen { display: none; }
 #col-mid .news-viewer .item .title a { color: #000; }
 #col-mid .news-viewer .item .summary { display: none; }
 #col-mid .news-viewer .item .links { display: none; }
 
 #col-default .news-viewer .item { margin: 0 0 15px; }
 #col-default .news-viewer .item a img { border: none; margin-right: 10px; float:left; }
 #col-default .news-viewer .item .date { font-size:12px; font-weight:bold; color:#666666; margin: 0; padding: 0; line-height: 24px; }
 #col-default .news-viewer .item .hyphen { display:none; }
 #col-default .news-viewer .item .title { font-size:12px; font-weight:bold; color:#666666; margin: 0; padding: 0; line-height: 24px;}
 #col-default .news-viewer .item .title a, #leftcol #news .news-viewer .item  .title a:hover { padding: 0; margin: 0; color: #000; text-decoration:none; }
 #col-default .news-viewer .item .summary { margin: 0 0 0 202px; display: block; }
 #col-default .news-viewer .item .links { display:block; clear:left; text-align:right; padding: 0 0 10px; background-image: url('../images/dashed-bar.jpg'); background-repeat: repeat-x; background-position: bottom; } 

 #col-default .news-viewer .detail .date { display:none; }
 #col-default .news-viewer .detail .hyphen { display:none; }
 #col-default .news-viewer .detail .title { font-size: 12px; line-height: 24px; font-weight:bold; line-height: 40px; color: #000; }

 #col-default .photo-gallery .gallery { width: 572px; }
 #col-default .photo-gallery .category-header div { display:none; }
 #col-default .photo-gallery .gallery .photo {float:left; width: 160px; height: 107px; margin: 0px 15px 15px 0px; }
 #col-default .photo-gallery .gallery .photo img { border: none; }
 #col-default .photo-gallery .gallery .photos .clear {clear:left;}
 #col-default .photo-gallery .gallery .clear {clear:left;}
 
 /* Reservations Form */

.form .indicates { margin-bottom: 20px; }
.form .field .input .title { margin-bottom: 10px; }
.form .field .input input { width: 300px; margin-bottom: 20px; }
.form .field .input textarea { width: 400px; margin-bottom: 10px;  }

.mailer-subscription table.form { border-collapse:collapse; width: 185px; }
.mailer-subscription table.form tr td { border-collapse:collapse; width: 185px; }
.mailer-subscription table.form input { width: 185px; }
.mailer-subscription table.form textarea { width: 185px; }
.mailer-subscription table.form table.radiosex  { width: 150px; border-collapse: collapse; }
.mailer-subscription table.form .radiosex input { float: left; width: 20px; }
.mailer-subscription table.form .chkSMS input { width: 20px; }