/* Css for Classic Lodges */


body {
 margin: 0px auto 0px;
 position: relative;
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 15px; 
 line-height: 18px;
 text-align: center;
 width: 100%;
 background: #CAB564 url(/images/new_background.gif) center 135px no-repeat;
 color: #000;
}

img { 
 border: 0px;
 margin: 0px; 
 padding: 0px;
}

/* horizontal menu*/

#hmenu {
 position: absolute;
 right: 19px;
 top: 0px;
 margin: 0px;
 padding-right:0px;
 font:Arial, Helvetica, sans-serif;
 font-size:11px;
 height: 28px;
 width:632px;
 background: #ECE3C6;
  }

/*############### layout structure ################## */

#layout {
 margin: 0px auto 0px;
 text-align: center;
 width: 100%; 
 height: 135px;
 background: transparent url(/images/bg_header.gif) top left repeat-x;
 position: relative;	
}


#layout0 {
 margin: 0px auto 0px;
 height: 1px;
 text-align: center;
 width: 1000px; /*40px more on the right*/
 position: relative;
}

#layout1 { /* this contains all content*/
 margin: 0px auto 0px;
 position: relative;
 text-align: center;
 float: left;
 width: 960px;
 margin-left: 1px;
 background: transparent;
}

/*############### header ################## */

#header {
 margin: 0px auto 0px;
 height: 135px;
 width: 960px; 
 position: relative;
 z-index:100;
 background-color: transparent;
}

#header img#logo {
 left:70px;
 top: 0px;
 position: absolute;
 z-index:100;
}

/*############### Underrightcolumn ################## */

#underRightcolumn {
 position: absolute;
 top: 123px;
 left: 310px;
 height: 480px;
 width: 648px; 
 background: transparent url(/images/bg_underrightcolumn.jpg) right bottom no-repeat;
}

/*############### leftcolumn ################### */

#leftcolumn {
 margin-left: 0px;
 text-align: left;
 float: left;
 height: 502px;
 width: 309px;
 font-family: Georgia, "Times New Roman", Times, serif;
/* background: #FFF url(/images/bg_leftcolumn.gif) left bottom no-repeat;*/
}

#leftcolumn h1 {
 color: #6E5A0D;
 letter-spacing: -0.04em;
 padding: 10px 0px 0px 10px;
 height: 25px;
 margin: 0px;
 width: 90px;
 float: left;
 font-weight: bold;
 font-size: 15px;
}

#leftcolumn h1 a {
 color: #6E5A0D;
 text-decoration: none;
}

#leftcolumn h1 a:hover {
 color: #6E5A0D;
 text-decoration: underline;
}

#leftcolumn h4 {
 color: #666;
 background:  transparent url(/images/bg_call_us.gif) right bottom no-repeat;
 letter-spacing: -0.04em;
 padding: 10px 0px 0px 10px;
 height: 35px;
 margin: 0px;
 width: 297px;
 float: left;
 font-weight: bold;
 font-size: 14px;
}

#leftcolumn h4 a {
 color: #666;
 text-decoration: none;
}

#leftcolumn h4 a:hover{
 color: #666;
 text-decoration: underline;
}

#leftcolumn h2 {
 color: #6E5A0D;
 width: 120px;
 letter-spacing: -0.04em;
 margin: 0px 0px 0px 0px;
 text-align: left;
 float: right;
 font-weight: bold;
 font-size: 15px;
}

#leftcolumn h5 {
 color: #6E5A0D;
 letter-spacing: -0.04em;
 padding: 3px 5px 3px 0px;	
 margin: 0px;
 width: 90px;
 float: right;
 font-weight: bold;
 font-size: 10px;
 font-family:Georgia, "Times New Roman", Times, serif;
}

#leftcolumn h5 a {
 color: #6E5A0D;
 text-decoration: none;
}

#leftcolumn h5 a:hover {
 color: #6E5A0D;
 text-decoration: underline;
}


/*##################################################*/

.left{
 float: left;
 margin-right: 20px;
}

.right{
 float: right;
}

/*###############  rightcolumn ################## */

#toprightcolumn {
 float: left;
 height: 84px;
 width: 647px; 
 padding-right: 0px;
 margin-right: 0px;	
}

#rightcolumn p {
 color: #7A5D66;
}

#rightcolumn {
 position: absolute;
 top: 45px;
 float: left;
 left: 302px;
 width: 645px; 
 text-align:left;
 padding-right: 0px;
 margin-right: 0px;
 background-color:transparent;
}

#maincontentwrapper{
 float:left;
 background-image:  url(/images/bg_dx_rightcolumn.png);   
 background-repeat:repeat-y;
 background-position: top right;
 padding-right:20px;
 background-color:transparent;
 /*debug border*/
 border:0px solid white;
}

#center_rightcolumn {
 position: relative;
 /*
 z-index:1000; 
 removed by will so menu can show over elements
 */
 float: left;
 width: 623px;	
 padding-right:0px;
 margin-right:0px;
 /*debug border*/
 border:0px dashed white;
 /*moving the shadow into correct divs for stretching,  left*/
 background-image:  url(/images/bg_sx_rightcolumn.png) ;		
 background-repeat:repeat-y;
 background-color:transparent;		
}

#subcontentwrapper{
 background-color:white;
 float:left;
 margin-left:10px;
 width:615px;
 /*debug border*/
 border:0px solid black;
}

/*############### the main title of the content is in a absolute positioned div ################## */

#toptitle {
 position: absolute;
 /* z-index down from 1000 so menus show. */
 z-index: 10;
 width: 420px;
 height: 30px;
 top: 95px;
 left: 335px;
 text-align: left;
 border-bottom: 1px solid #cab564;		
}

#toptitle h1 {
 font-weight: 500;
 font-size: 25px;
 margin: 0px 0px 20px 0px;
 color: #333333;
 font-family: Georgia, "Times New Roman", Times, serif;
}


/* The main content, images, text and pictures are in the div center_rightcolumn*/

#content {
 padding: 0px 0px 8px 0px;
 width: 420px;
 margin: 0px 0px 10px 20px;
 float: left;
 font-size: 11px;
 color: #333333;
 position: relative; /*put this to align the paragraph to the main heading*/
 left: 3px;
}

#content h1 {
 font-weight: 500;
 font-size: 25px;
 margin: 0px 0px 20px 0px;
 color: #333333;
 font-family: Georgia, "Times New Roman", Times, serif;
}

#content h2 {
 font-size: 11px;
 padding-right: 10px;
 color: #333333; 
 font-weight: normal; 
}

#content p {
 font-size: 11px;
 padding-right: 10px;
 color: #333333;  
}

#content ul {
 color: #333333;   
}

#content li {
 font-size: 11px;
 padding-right: 10px;
 color: #333333;  
}

#content a {
 color: #333;
 text-decoration:underline;
}

#content a:hover {
 color: #333;
 text-decoration:underline;
}

#flashimage {
 float: left;
 width: 420px;
 margin: 0px 0px 0px 0px;	  
 padding-top: 10px;
 margin-botton: 0px;  
}

#flashticker {
 float: left; 
 border:0px black solid;
 width: 420px;
 margin: 0px 0px 0px 0px;	   
 margin-botton: 0px;  
}

/*############### vmenu ul list ################## */
/* to modify the vmenu, check the other stylesheet verstuck.css */

#vmenu {
 position:relative;
 margin: 20px 0px 10px 15px;
 float: right;
 width: 135px;
 border-left: 1px solid #6e5a0d; 
 z-index:10000;
 left: -5px;
}

/* ############################################# */

/*############### texttop and textbottom are div in the leftcolumn ################## */

#texttop {
 padding-left: 20px;
 margin-top: 1px;
 line-height: 18px;
 font-family: Georgia;
 font-size: 15px;
 background-color: #CAB564;
 color: #000;
 float: left;
}

#texttop h1 {
 color: #000;
 float: left;
 height: 18px;
 width: 210px;
 margin-top: 4px;
 padding: 0px;
}

#texttop h1 a {
 color: #000;
 text-decoration: none;
}

#texttop h1 a:hover {
 color: #000;
 text-decoration: underline;
}

#texttop h2 {
 color: #000;
 margin-top: 4px;
 float: right;
 height: 18px;
 width: 50px;
 padding: 0px;
}

#texttop h3 {
 color: #000;
 float: right;
 height: 18px;
 width: 50px;
 margin: 0px;
 text-align: left;
 font-size: 11px;
 padding: 0px;
}

#texttop p {
 font-family: Arial, Helevetica;
 font-size: 11px;
 padding: 5px 0px 0px 0px;
 float: left;
 margin: 0px;
}

#texttop a {
 text-decoration: none;
 color: #000; 
}

#texttop a:hover {
 text-decoration:underline;
}

#textbottom p{
 padding-left: 20px;
 margin-top: 10px;
 line-height: 18px;
 font-family: arial;
 font-size: 11px;
 color: #000;
 float: left;
}

/*############### footer ################## */

#footer_rightcolumn{ /* Firefox, IE7, Opera */
/* Firefox, IE7, Opera , wb: not sure if this is a hack or a mistake? ive removed it so the shadow works.*/
/*
 background: transparent url(/images/bg_bottomrightcolumn.pnr_rightcolumn { 
 */
 background: transparent url(/images/bg_bottomrightcolumn.png) left top no-repeat;
 float: left;
 width: 647px;
 height: 20px;	
 margin: 0px;     
}

#footer {
 float:left;
 text-align:left;
 height: 20px;
 width: 580px;
 margin-top: 10px;
 padding-left: 15px;
}


#createdby {
 float:right;
 text-align:right;
 margin-right: 10px;
 width:120px;
 font-size:10px;
 height: 20px;
}


#linksleft {
 float:left;
 text-align:left;
 margin-left: 10px;
 width:340px;
 font-size: 10px;
 height: 20px;
}

#createdby a, #linksleft a {
 color:#999;
 text-decoration: none;
}

#createdby a:hover, #linksleft a:hover{
 text-decoration: underline;
}

.errormark{border: 2px solid red;}
#ing_cats{
 margin-top:20px
}

/* GALLERY */

#gallery img {
 border:1px solid #cab564; 
 margin-right:30px; 
 margin-bottom: 30px; 
 padding: 3px
}

#gallery img {
 Filter: Gray
}

#gallery a:hover img {filter: none}

/*############### underLeftcolumn ################## */

#underLeftcolumn {
 font-family: Arial, Helevetica;
 font-size: 11px;
 text-align: left;
 font-weight: bold;
 float: left;
 margin: 0px;
 position:absolute;
 left: 0px;
 top: 780px;
 height: 40px;
 width: 309px;
 text-align:center;
}

#underLeftcolumn a {
 color: #000;
 text-decoration: none;
}

#underLeftcolumn a:hover {
 color: #000;
 text-decoration: underline;
}

.leftlogo {
 width: 309px;
 text-align:center;
 padding-top: 5px;
 margin-top: 20px;
}

.logo_right{
 width: 309px;
 position: absolute;
 top: 55px;
 left: 770px;
 z-index: 10000;
 width: 146px;
 height: 54px;
}

/* fb: tweaks done in july 2009 */

.clear { 
 clear: both; 
 height: 0; 
 margin: 0;
}

#flashimage {
}

#specialofferflash {
 float: left;
 width: 290px;
 height: 230px;
 margin-left: 7px;
 margin-top: 0px;
}

.information {
 float: left;
 width: 310px;
 margin: 10px 0px 0px 5px;
}

.information .top {
 float: left;
 height: 70px;
 width: 310px;
 background: transparent url(/images/bg_information_top.jpg) left top no-repeat;
}

.information .top p {
 color:#3C3A32;
 font-size: 12px;
 font-family: Georgia, "Times New Roman", Times, serif;
 margin-top: 0px;
 padding: 8px 15px 8px 12px;
}

.information .middle p {
 color:#3C3A32;
 font-size: 15px;
 font-family: Georgia, "Times New Roman", Times, serif;
 margin-top: 0px;
 padding: 3px 15px 0px 12px;
 width: 170px;
 float: left;
}

.information .booknow p {
 color:#3C3A32;
 font-size: 15px;
 font-family: Georgia, "Times New Roman", Times, serif;
 margin-top: 0px;
 padding: 3px 15px 0px 12px;
 width: 120px;
 float: left;
}

#email {
 float: left;
 width: 87px;
 margin-top: 0px;
 color:#3C3A32;
 margin-left: 15px;
}

#booknow {
 float: left;
 width: 150px;
 margin-top: 0px;
 color:#3C3A32;
 margin-left: 12px;
}

#booknow a,
#email a {
 color:#3C3A32;
 text-decoration: none;
}

#booknow img,
#email img {
 margin-left: 9px;
 height: 11px;
 width: 16px;
 margin-top: 8px;
}

.separator {
 height: 1px;
 width: 300px;
 padding-left: 10px;
 float: left;
 height: 4px;
 background: transparent url(/images/bg_separator.gif) left top no-repeat; 
}

.information .booknow {
 float: left;
 width: 310px;
 height: 27px;
 background: transparent url(/images/bg_information_middle.jpg) left top repeat-y;
}

.information .middle {
 float: left;
 width: 310px;
 height: 27px;
 background: transparent url(/images/bg_information_middle.jpg) left top repeat-y;
}

.information .callback{
 float: left;
 width: 310px;
 height: 56px;
 background: transparent url(/images/bg_information_middle.jpg) left top repeat-y;
}

.callback p {
 color:#3C3A32;
 font-size: 15px;
 font-family: Georgia, "Times New Roman", Times, serif;
 margin-top: 0px;
 padding: 5px 0px 0px 12px;
 margin: 0px;
 width: 300px;
 float: left;
}

.callback input {
 margin: 5px 0px 0px 12px;
 float: left;
 width: 195px;
 border: 1px solid #3C3A32;
 font-size: 11px;
 height: 15px;
 color:#000000;
}

#callmeback input  {
 color:#3C3A32;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 11px;
}

.callback .bt_submit {
 width: 80px;
 height: 19px;
 float: left;
 border: 0px;
}

.information .bottom {
 float: left;
 width: 310px;
 height: 7px;
 background: transparent url(/images/bg_information_bottom.jpg) left top no-repeat;
}

.information .address {
 float: left;
 width: 310px;
 height: 105px;
 background: transparent url(/images/bg_information_middle.jpg) left top repeat-y;
}

.information .address p {
 color:#3C3A32;
 font-size: 11px;
 font-family:Georgia, "Times New Roman", Times, serif;
 line-height: 15px;
 margin-top: 0px;
 padding: 6px 15px 0px 12px;
 width: 290px;
 float: left;
}