﻿body	
    {
	    color: #363a40;
	    font-family:  Times New Roman;
	    font-size: 13px; /* MOD2  */
	    line-height: 17px;
	    margin: 0;
	    padding: 0;
	    background-image: url(../images/bg.gif);  
	}
img 	
    {
	    border: 0;
	    margin: 0;
	    padding: 0;
	    display:block; /*   Very Important for IE - Images are inline elements, and thus rest on the base-line. 
	                    This is required for images to not display unwanted 3px spacing on the bottom of images on IE. */
	}
.bgTable
    {
       
        background-repeat:repeat;
        width:100%;
    }
/* Rounded Table*/ /* NEW */

.roundedMod 
    {
        position: relative;
        top: 0;
        left: 0;
		width: 740px;
		background: url(../images/bg_mid.gif) repeat-y top left;
    }
    .roundedMod_top 
		{
		    width: 740px;
		    height: 76px;
		    background: url(../images/bg_top.gif) no-repeat top left;		   
		}
	.roundedMod_mid 
		{
			width: 740px;	
		}
	.roundedMod_btm
		{
			position: relative;
			top: 0px;
			left: 0px;
			width: 740px;
			height: 10px;
			background: url(../images/bg_bot.gif) no-repeat bottom left;
		}
.rightMod 
    {
        position: relative;
        top: 0px; 
        left: 0px; 
		width: 166px;
		background: url(images/rightMod_mid.gif) repeat-y top left;	
		vertical-align: top;
		z-index: 5;
		float: right;
    }
    .rightMod_top 
		{
			width: 166px;
			height: 2px;
		    background: url(../images/rightMod_top.gif) no-repeat top left;
		}
	.rightMod_mid 
		{
		    width: 166px;
		    height: 275px; /*Must set height for cross browser compatibility */
	    }
	.rightMod_btm
		{
			width: 166px;
			height: 5px;
			background: url(../images/rightMod_bot.gif) no-repeat bottom left;
		}
	
	
	.rightMod2 
    {
        position: relative;
        top: 0px; 
        left: 2px; 
		width: 166px;
		background: url(../images/rightMod_mid.gif) repeat-y top left;	
		vertical-align: top;
		z-index: 5;
		float: right;
    }
    .rightMod_top2 
		{
			width: 166px;
			height: 2px;
		    background: url(../images/rightMod_top.gif) no-repeat top left;
		}
	.rightMod_mid2 
		{
		    width: 166px;
		    height: 275px; /*Must set height for cross browser compatibility 205*/
	    }
	.rightMod_btm2
		{
			width: 166px;
			height: 5px;
			background: url(../images/rightMod_bot.gif) no-repeat bottom left;
		}
		
.tabMod 
    {
        position: relative;
        top: 0px;
        left: 64px;
		width: 677px;
		background: url(../images/tab_mid.gif) repeat-y top left;
    }
    .tabMod_top 
		{
		    width: 677px;
		    height: 3px;
		    background: url(../images/tab_top.gif) no-repeat top left; 
		}
	.tabMod_mid 
		{
			width: 677px;
		}
	.tabMod_btm
		{
			width: 677px;
			height: 9px;
			background: url(../images/tab_bot.gif) no-repeat bottom left;
		}
.tabInnerMod 
    {
        position: relative;
        top: 0;
        left: 0px;
		width: 517px;
		background: url(../images/inner_mid.gif) repeat-y top left;	
    }
    .tabInnerMod_top 
		{
		    width: 517px;
		    height: 163px;
		    background: url(../images/inner_top.gif) no-repeat top left;	   
		}
	.tabInnerMod_mid 
		{
			width: 517px;
		}
	.tabInnerMod_btm
		{
			width: 517px;
			height: 23px;
			background: url(../images/inner_bot.gif) no-repeat bottom left;
		}
		
.tabInnerImageMod 
    {
        position: relative;
        top: 0;
        left: 0px;
		width: 517px;
		background: url(../images/Amenities_mid.gif) repeat-y top left;	

    }
    .tabInnerImageMod_top 
		{
		    width: 517px;
		    height: 4px;
		    background: url(../images/Amenities_top.gif) no-repeat top left;	 

		}
	.tabInnerImageMod_mid 
		{
			width: 517px;
	
		}
	.tabInnerImageMod_btm
		{
			width: 517px;
			height: 1px;
			background: url(../images/Amenities_bot.gif) no-repeat bottom left;
	
		}
		
.container
{
    margin: 0px;
	padding: 0px;
	width: 720px;
	z-index: 5;
	   
}
.containerLeft
{   
    position: relative;
    top: 0px;
    margin: 0;
	padding: 0;
    width: 552px; 
    float: left;   
}
.containerRight
{   
    position: relative;
    top: 0px;
    margin: 0px;
	padding: 0px;
    width: 166px;  
    float: right; 
}
.containerTab
{
    margin: 0px;
	padding: 0px;
	width: 677px;
	z-index: 5;
	   
}
.containerTabRight
{   margin: 0px;
	padding: 0px;
	position: relative;
	left: 44px;
    width: 677px; 
    float: right;   
}
/* Image */
img 	
    {
	    border: 0;
	    margin: 0;
	    padding: 0;
	    display:block; /*   Very Important for IE - Images are inline elements, and thus rest on the base-line. 
	                    This is required for images to not display unwanted 3px spacing on the bottom of images on IE. */
	}
img.Border
	{
	    border: 14px solid #EDE3BE;
	    margin: 0;
	    padding: 0;
	    display:block;
	}
div.Border
    {
        border: 14px solid #EDE3BE;
	    margin: 0;
	    padding: 0;
	    width: 524px; 
	    height: 225px;

}
div.Markers
    {
        
	    margin: 0;
	    padding: 0;
	    width: 491px; 
	    height: 225px;

}
/* Background Color */	

/* Text & Links*/
a 	{
	    color: #744F0F;
	    text-decoration: none;
	    
	}
a:hover
	{
	    color: #E7001A ;
	    text-decoration: underline ; 
	   
	}
a.tabTitle 	{
	    color: #744F0F;
	    text-decoration: none;
	    line-height: 12px;
	    

	}
a.tabTitle:hover
	{
	    color: #E7001A ;
	    text-decoration: underline ; 
	    line-height: 12px;
	   
	}
	
a.gMap
{
    color: #7070CC;
    font-family: Arial;
    font-size: 13px;
    text-decoration: none;
    line-height: 15px;
    
}
a.gMap:hover
{
    
    color: #04B5B5;
    font-family: Arial;
    font-size: 13px;
    text-decoration: underline ; 
    line-height: 15px;
  
    
}
a.gMapSm
{
    color: #7070CC;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    line-height: 15px;
    
}
a.gMapSm:hover
{
    
    color: #04B5B5;
    font-family: Arial;
    font-size: 11px;
    text-decoration: underline ; 
    line-height: 15px;
    
}
.restriction
{
    font-size: 9px;  
    color: Maroon;  
}
.gMapAddress
{
    font-family: Arial;
    font-size: 11px;
    line-height: 15px;
}
.bold
	{
	    font-weight: bold;
	}
.subtitle
	{
	    color: #802E05;
	    font-size: 13px;
	    font-weight: bold;
	}
.selected
{
    color: #E7001A;   
    line-height: 12px; 
}
.highlight
	{
	    color: #802E05;
	    font-weight: bold;
	}
.highlightGreen
	{
	    color: #54822A;
	    font-weight: bold;
	}	
.caption
{
    font-size: 9px;
    font-family: Verdana;
    line-height: 12px;

}	
.captionFullDesc
{
    font-size: 9px;
    font-family: Verdana;
    color: #595958;

}	
.smaller
{
    font-size: 9px;    
}
.subtitleRightMod
    {
       color: #5B5B5A;
	   font-size: 15px; 
	   font-style: italic;
	   line-height: 16px;
    }
 .rightModSmall
 {
        font-family: Arial;
        font-size: 11px;
        line-height: 13px;
        margin:    16px 16px 16px 33px;
        width: 113px;  
 }
.rightModReg
 {
        font-size: 13px; /* If you change this size you need to add pixel to the top of the icon_diamond.gif for these two to align top */
        line-height: 14px;
 }
 .tblFontDyn
 {
    font-size: 13px !important;    
    z-index: 100;
 }
 .tbl
 {
    border-bottom: solid 1px #ceccbf;
    padding:  4px 8px;
 }
 .tblCell
 {
   border-top: solid 1px #ceccbf; 
 }
.orange
{
    color: #D95E36;
    font-weight: bold;
}
.aqua
{
    color: #09ACAC;
    font-weight: bold;
}
#galleryNumberArea
{
    font-size: 9px; 
    font-family: arial;
    color: #8C222E;
    background-color:  #D7D8D4;
}
/* Relative positioned container*/	
.menu
{
    text-align: center; 
    width:715px;
}
.logo
{
    position: absolute;
    top: -68px;
    left: 293px;
    z-index: 1;
}
.containerCenter
{
    position: relative;
    top: 0px; /* */
	left: 2px;
    width:715px;
}
.relative /* MOD */
	{
	    position: relative;
	    top: 0px; /* */
	    left: 0px;
	    width: 740px;
	    font-size: 13px !important;
	    line-height: 15px !important;
	    margin:   0px  0px 0px  00px;
	    text-align: left;
	    z-index:0;
	}

.relative2 /* MOD */
	{
	    position: relative;
	    top: 2px; /* */
	    left: 0px;
	    width: 719px;
	    margin:   0px  0px 0px  20px;
	    text-align: left;
	    z-index:0;
	}
	.relative3 /* MOD */
	{
	    position: relative;
	    top: 0px; /* */
	    left: 0px;
	    width: 525px;
	    font-size: 13px !important;
	    line-height: 15px !important;
	    margin:    0px  0px 0px  20px;
	    text-align: left;
	    border: solid 1px blue;
	}
.relativeForFloat /* MOD */
	{
	    position: relative;
	    top: 10px; /* because this is float, using top instead of margin-top */
	    left: 0px;
	    width: 522px;
	    margin:    0px  0px  10px  16px;
	    text-align: left;
	    border: solid 1px yellow;
	}
.relativeRightMod
    {
        position: relative;
        top: 0px;
        left: 0px;
        width: 148px;
    }	   
/*.relativeRightGhost /* MOD */
	{
	   position: relative;
	   top: 0px; /* */
	   left: 0px;
	   width: 166px;
	   height: 30px; /* If image height changes or rightMod height changes - adjust this */
	   float: right;
	}*/
.relativeMenuTop
    {
      position: relative;
      top: -7px;  
      left: 0px;
      margin: 0px 0px 0px 0px;
    }
.marginRightMod
    {
        margin:  16px 16px 16px 35px;
    }
.relativeTabBody
    {
    margin: 17px;
    }
.relative8x10x8x10
{
    padding:      9px    10px  10px  13px;
    text-align:left;
}
.relativeDynText
{
    position: relative;
    top: 0px;
    left: 25px;
    padding: 0px  10px 10px 0px;
    width: 150px;
}
.relativeTabInnerMod16x40
    {
        margin:   16px 40px;
        font-family: Verdana;
        font-size: 11px;
    }
.relativeTabInnerMod20x40
    {
        margin: 20px 40px;
    }
.bodyIndent1
    {
        margin-left: 21px;
        width:536px;
        font-family: Arial;
        font-size: 11px;
       
    }
    .bodyIndent2
    {
        margin-left: 21px;
        width:509px;
        font-family: Arial;
        font-size: 11px;
    }
.margin16
    {
        margin:  16px;  
    }
.margin0x0x0x20
    {
    margin:  0px 0px 0px 20px;  
    }
/* List */
/*ul li */
ul  li
	{
	    list-style-type: none;
        padding: 0px 0px 0px 6px;
        line-height: 15px;
	}
div.list ul  li
	{
	    list-style-type: none;
        padding: 0px 0px 0px 6px;
        line-height: 15px;
        list-style-position: outside;
        background-image: url(../images/gfx_7x5_bullet_dash.gif);
        background-repeat: no-repeat;
        background-position:  -3px .6em;
	}
div.list ul
    {
    margin:  1px 0px  -1px -40px; /* MOD2 NEW*/
    }	
	

/* Table */
	
/* Margin */
/* Spacers */
.spacer3
	{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	height: 3px;
	width: 1px;
	}
.spacer5
	{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	height: 5px;
	width: 1px;
	}
.spacer7
	{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	height: 7px;
	width: 1px;
	}
.spacer8
	{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	height: 8px;
	width: 1px;
	}
.spacer10
	{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	height: 10px;
	width: 1px;
	}
.spacer12
	{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	height: 12px;
	width: 1px;
	}
.spacer14
	{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	height: 14px;
	width: 1px;
	}
/* Spacers decorative */

/* Dividers decorative */
.dot /* Imporant for page with first tab selected */
{
    position: relative;
    top:0px;
    left: 0px;
    height: 1px;
    width:102px; 
    background: url(../images/dot_horizontal.gif) no-repeat top left;
}
div.listRed ul  li
{
	    list-style-type: none;
        padding:  0px 0px 0px 15px;
        line-height: 20px;
        list-style-position: outside;
        background-image: url(../images/snowFlake.gif);
        background-repeat: no-repeat;
        background-position:   0px .5em; /*.55em */
      
}

div.listRed ul 
{
        margin:    0px 0px  0px -40px;
      

}
div.listRed2 ul  li
{
	    list-style-type: none;
        padding:  0px 0px 0px 15px;
        line-height: 20px;
        list-style-position: outside;
        background-image: url(../images/snowFlake.gif);
        background-repeat: no-repeat;
        background-position:   0px .35em;
      
}
	
div.listRed2 ul 
{
        margin:    0px 0px  0px -40px;
        width:500px;

}
	