/*   GLOBAL   */
	
slideshow { display: block ; text-align: center ; margin: 1em auto inherit ;}
	
.sgContainer { width: 600px ; margin: 0 auto ; text-align: center ; }
.sgContainer * { color: #fff ; }

/* .sgContainer h1 {font-size: 110%; text-align: center;}
.sgContainer h1.gallerytitle {font-size: 200%;}
.sgContainer h1.listtitle {font-size: 200%;} */

.sgContent { text-align: center ; font-family: Arial, sans-serif ; }

.clear { clear: both ; }

	/*   GALLERIES   */

.listtitle {font-family: Verdana, sans-serif ; font-size: 130% ; font-weight: normal ; padding: 0 8px ; margin: 16px 0 20px ;}
.sgGallery { text-align: center ; padding: 8px ; float: left ; }
.sgGalleryThumbnail img { border: 1px white solid ; }
.sgGalleryTitle h2 { font-family: Verdana, sans-serif ; font-size: 110% ; font-weight: normal ; padding: 0 ; margin: 3px 0 ;  }
.sgGalleryTitle h2 a { text-decoration: none ; }
.sgGalleryTitle .info { color: #555 ; font-family: Verdana, sans-serif ; font-size: 70% ; font-weight: normal ; padding: 0 ; margin: 3px 0 ; }

	/*   PHOTOS SCREEN   */
	
.phototitle {font-family: Verdana, sans-serif ; font-size: 115% ; font-weight: normal ; padding: 0 8px ; margin: 16px 0 20px ; text-align: center ; }
.photo img { border: 1px solid #555 ; }
.small { color: #555 ; font-family: Verdana, sans-serif ; font-size: 70% ; font-weight: normal ; padding-top: 3px ; }
.details {margin: 2px auto ; padding: 1px ; text-align: center ;}

	/*   NAVIGATION   */
	
.sgNavBar { font-family: Verdana, sans-serif ; font-size: 80% ; font-weight: bold ; color: #fff ; margin: 16px 0 20px }
.sgNavBar a { text-decoration: none ; }
.sgNavBar * { vertical-align: middle ; padding: 0 5px ; }
.scroll { padding: 0 0 0 40px ; }

	/*   THUMBNAILS  NAV   */
	
.sgPreviewThumbCurrent { border: 2px #fff solid ; }
.sgPreviewThumb { border: 1px #fff solid ;}
.sgThumbnails a:visited img.sgPreviewThumb { border: 1px #333 solid ; }
.sgThumbnails a:hover img.sgPreviewThumb { border: 1px #aaf solid ; }

	/*   ARROWS   */
	
/* CSS-styled DIV elements to replace arrow images (presently unused) */
.draw { border-style: solid; width: 0px; height: 0px; line-height: 0px; display: block ; float: left ; }
.arrowleft { border-width: 10px 10px 10px 0px ; border-color: black white black ; vertical-align: middle ; }
.arrowright { border-width: 10px 0px 10px 10px ; border-color: black white black ; vertical-align: middle ; }