/* style attributes for images on pages like thecliffs.htm, guests.htm, and golf.htm. */

#mainImage
{
   display: block;
   width:75%;   
   margin-left:auto;
   margin-right:auto;
}

#textDescription
{
   display: block;
   width:95%;   
   margin-left:auto;
   margin-right:auto;
   height:6em;
}

img.centered 
{
    display: block;
    /*margin-left: 12ex;*/
    margin-left: auto;
    margin-right: auto; 
    margin-top: 12pt;
    margin-bottom: 0pt;
}

img.photoright 
{
   float: right; 
   padding:2px 0px 8px 10px; 
   margin: 0; 
   font-size:90%; 
   color: #7F8E29; 
   font-style:italic; 
   width: 216px;
   margin-bottom: 0pt;
}

img.photoleft 
{
   float: left; 
   padding:2px 5px 8px 10px; 
   margin: 0; 
   font-size:90%; 
   color: #7F8E29; 
   font-style:italic; 
   width: 216px;
   margin-bottom: 0pt;
}

img.photocentered
{
    display:block; 
    width:216px; 
    margin-left:auto; 
    margin-right:auto; 
    margin-bottom:0px;    
}

img.golfright 
{
   padding:2px 0px 3px 10px; 
   margin: 0; 

   width:28vw;
   margin-bottom: 0pt;
}

img.golfleft 
{
   padding:2px 5px 3px 10px; 
   margin: 0; 

   width: 362px;
   width:28vw;
   margin-bottom: 0pt;
   margin-right:10px;
}

a.aright
{
   float:right;   
   font-size:90%; 
   color: #7F8E29; 
   font-style:italic; 
   
}

a.aleft
{
   float:left;
   font-size:90%; 
   color: #7F8E29; 
   font-style:italic;  
   padding:2px 19px 3px 5px; 
}

div.figureRight {
  float: right;
  margin: 0; 
  font-size:70%; 
  color: #7F8E29; 
  font-style:italic; 
  margin-bottom: 0pt;
}

div.figureRight p {
  text-align: center;
  text-indent: 0;
  margin-top:0px;
}

div.figureLeft {
  float: left;
  margin: 0; 
  font-size:70%; 
  color: #7F8E29; 
  font-style:italic; 
  margin-bottom: 0pt;
}

div.figureLeft p {
  text-align: center;
  text-indent: 0;
  margin-top:0px;
}

div.center720 
{
    width: 98%;
    overflow:hidden;
}

p.cursorNote
{
    text-align:center; 
    font-size:.7em;
}

div.sceneSwap
{
   display: block;
   width:85%;   
   margin-left:auto;
   margin-right:auto;
   overflow:hidden;    
}



div.topRow
{
    width:100%;
    padding-left:25%; 
    overflow:hidden;
}

div.center100 
{
    margin-left: auto;
    margin-right: auto; 
    width: 100%;
}

p.mainImageCaption
{
    
}

p.alignleft 
{
   font-size:smaller;
   font-weight: bold;
   font-style:italic;
   margin-top: 0px;
   float: left;
}

p.alignright 
{
   font-size:smaller;
   font-weight: bold;
   font-style:italic;
   margin-top: 0px;
   float: right;
}

p.aligncentered 
{
   font-size:smaller;
   font-weight: bold;
   font-style:italic;
   margin-top:0;
   text-align:center;
}

.center 
{
	margin-left: 9%;
    margin-right: auto; 
    width: 90%;
    overflow:hidden;
}

.centeredPhotos 
{
	margin-left: auto;
    margin-right: auto; 
    width: 96%;
    overflow:hidden;
    padding-left:5%;
}


.centerimage
{
    margin-left: auto;
    margin-right: auto; 
    width:486px;
}


.centeredMainImage
{
    margin-left: auto;
    margin-right: auto; 
    width:100%;
}

.centeredDivForMainImage
{
    padding:.5em 10% 0em 10%;
}


.centerText
{
    margin-left: auto;
    margin-right: auto; 
    width:100%;
}

.centerText2
{
    text-align:center;
}

.centerimage2
{
    margin-left: auto;
    margin-right: auto; 
    width:350px;
}

@media screen and (max-width: 360px) { 
p.alignleft 
{
   font-size:8px !important;
   font-weight: bold;
   font-style:italic;
   margin-top: 0px;
   float: left;
}

p.alignright 
{
   font-size:8px !important;
   font-weight: bold;
   font-style:italic;
   margin-top: 0px;
   float: right;
}

p.aligncentered 
{
   font-size:8px !important;
   font-weight: bold;
   font-style:italic;
   margin-top:0;
   text-align:center;
}

img.photoleft
{
    width:30%; 
}

img.photoright
{
    width:30%; 
}

img.photocentered
{
    width:30%; 
}

a.aright
{
   float:right; 
   width:48%;
   font-size:90%; 
   color: #7F8E29; 
   font-style:italic;     
}

a.aleft
{
   float:left; 
   width:48%;
   font-size:90%; 
   color: #7F8E29; 
   font-style:italic;     
}

img.golfright 
{
   padding:1px 0px 4px 5px; 
   margin: 0; 
   margin-bottom: 0pt;
   width:97%;
}

img.golfleft 
{
   padding:1px 2px 4px 5px; 
   margin: 0; 
   margin-bottom: 0pt;
   margin-right:10px;   
   width:97%;
}


}