/* These are provided for pages with thumbnails, like photos.htm and scenery.htm. */

div.thumb 
{
   margin: 3px 3px 0px 3px;
   /* border: 1px solid #A0ACC0; */
   height: auto;
   float: left;
   text-align: center;
}

.thumb img
{
   display: inline;
   margin: 5px 5px 0px 5px;
   /* border: 1px solid #A0ACC0; */
}



.thumb a:hover img 
{
   /* border: 1px solid black;*/
}

.photocattitle 
{
   text-align: center; font-weight: bold;
}

.phototitle 
{
   font-family:Arial, Helvetica, sans-serif;
   text-align: center;
   font-weight: normal;
   width: 120px;
   margin: 0px 3px 3px 3px;
} 

img.thumbnail
{
	width:128px;
	height:95px;
}

/* For smaller images on scenery page */

div.thumbSm 
{
   margin: 1.5px 1.5px 0px 1.5px;
   /* border: 1px solid #A0ACC0; */
   height: auto;
   float: left;
   text-align: center;
}

img.thumbnailSm
{
	width:97px;
	height:73px;
}

div.mainthumbSm 
{
   margin: 1.5px 1.5px 0px 1.5px;
   /* border: 1px solid #A0ACC0; */
   height: auto;

   text-align: center;
   width:15%;
   float:left;
}

img.mainthumbnailSm
{
	/*
	width:97px;
	height:73px;
	*/
	width:95%;
}

div.verticalthumbSm 
{
   margin: 1.5px 1.5px 0px 1.5px;
   /* border: 1px solid #A0ACC0; */
   height: auto;
   float: left;
   text-align: center;
   width:100%;
   overflow:hidden;
}

img.verticalthumbnailSm
{
	/*
	width:97px;
	height:73px;
	*/
	width:95%;
}



.phototitleSm 
{
   font-family:Arial, Helvetica, sans-serif;
   text-align: center;
   font-weight: bold;
   font-size:.7em;
   font-style:italic;
   width: 100px;
   margin: 0px 3px 3px 3px;
} 

.phototitleSm2 
{
   font-family:Arial, Helvetica, sans-serif;
   text-align: center;
   font-weight: bold;
   font-size:.6em;
   font-style:italic;
   width:98%;
   height:2.5em;
   margin: 0px 1px 1px 1px;
} 

.phototitleSm3 
{
   font-family:Arial, Helvetica, sans-serif;
   text-align: center;
   font-weight: bold;
   font-size:.65em;
   font-style:italic;
   width:98%;
   margin: 0px 1px 1px 1px;
} 

div.leftside
{
   width:15%;
   float:left; 
   overflow:hidden;
}

div.rightside
{
   width:15%;
   float:left; 
   overflow:hidden;
}

div.largeSceneryImage
{
	float:left; 
	width:64%;
	overflow:hidden;
}

img.largeScene
{
	/*
	margin:5px; 
	height:337px; 
	width:459px;
	*/
	padding-left:1%;
	width:99%;
}

@media screen and (max-width: 360px) { 
.phototitleSm 
{
   font-family:Arial, Helvetica, sans-serif;
   text-align: center;
   font-weight: bold;
   font-size:6px !important;
   font-style:italic;
   width: 100px;
   margin: 0px 3px 3px 3px;
} 

.phototitleSm2 
{
   font-family:Arial, Helvetica, sans-serif;
   text-align: center;
   font-weight: bold;
   font-size:6px !important;
   font-style:italic;
   width:98%;
   height:2.5em;
   margin: 0px 1px 1px 1px;
} 

.phototitleSm3 
{
   font-family:Arial, Helvetica, sans-serif;
   text-align: center;
   font-weight: bold;
   font-size:6px !important;
   font-style:italic;
   width:98%;
   margin: 0px 1px 1px 1px;
} 

#textDescription
{
     font-size:9px !important;
}
}