/*gallery css reviewed and revised 25 June 2009*/


html {
  background-color: #353535;
}

body {
	background-image: none ;
	font: normal 62.5% "Lucida Sans Unicode",'Times New Roman',Times, serif; 
	text-align: center;
	}

.container {
	background-color:#353535 ;
	width: 750px;
	margin: 0 auto ;
	}
	
.main {
	margin: 		0 auto ;
	text-align: center;
	clear: 		both;	
	padding: 	0 ;
	color:		#fff;
	}
	

.galbanner {
	clear:		both;
	text-align: center;
	width: 		750px;
	background-color: #353535;	
	color: 		#e6e6e6;
	border: 		1px solid #eee;
	margin: 		0 auto;
	padding: 	5px;
	}
	
.footer {
	clear:		both;
	width: 		730px;
	text-align: center;
	background-color: #353535;
	color: 		#e6e6e6;
	border: 		1px solid #eee;
	margin: 		1px 0px;
	padding: 	12px 5px;
	font-size: 	1em;
	}

.galitem{
	width: 			700px;
	background-color: #353535;
	margin: 			0 auto;/*remove "auto" to see if fixes border bug with IE*/
	text-align: 		center;
	border: 			0px solid #b3b3b3;
	padding: 		24px 24px 0;
	}

#pagination {
	font-weight: bold;
	font-size:		1.2em;
	float:	right;
	padding:2em;
	
	}
	
#pagination a, 
#pagination a:link, 
#pagination a:active {
				color:		#66ccff;
		text-decoration: 	underline;
			}
			
#pagination a:hover {
	color:			#fff;
	background-color: #999;
	}
#pagination a:visited{
	 color:#ff8000;
	}

.prevnextdead {
	color: #cccccc;
	}

.galbackbutton {
	float:			left;
	font-size:		1.2em;
	padding:2em;
	}
	

.galbackbutton a, 
.galbackbutton a:link, 
.galbackbutton a:visited, 
.galbackbutton a:active {
				color:	#66ccff;
		text-decoration: underline;
			}
			
.galbackbutton a:hover {
	color:			#fff;
	background-color: #999;
	}
	

	
h1 {
	font-family: "Lucida Grande", "Lucida Sans","Lucida Sans Unicode",sans-serif;
	}
		

.sidecaption{ /*portrait caption to the right of picture*/
	float: 			right;
	width: 			28%;
	padding: 		10em 1em 0 1em;
  	text-align: 		center;
  	margin:			0;
	}
   
.sidecaption cite{
	text-align:		left;
	margin: 			5em 0;
	background: 		url(../../imagesjps/quote.gif) no-repeat;
	display: 		block;
	font: 			italic 1.5em Georgia, "Lucida Sans Unicode", serif;
	color: 			#e6e6e6;
	padding-left: 	28px;/*keeps text to right of quote*/
	}

	
.topcaption { /*landscape caption above the picture*/
	width:			100%;
	}
     
.topcaption p, .sidecaption p { 
  	font-family: 	Georgia, "Times New Roman",Times,serif;; 
  	font-size:		1.5em;
  	text-align:		center;
	color: 			#fff;
	}
	

.topcaption p{/*extra padding for landscape para*/
	padding: 		0 5em 3em 5em;
	text-align: center;
	}


p.justify{
	text-align: justify;
	}
	
p.left{
	text-align: left;
	}
	
.galleryportrait {
	float:			left;
	width:			65%;
	padding:			4em 0;
	}

.gallerylandscape {
	width: 			100%;
	padding:			0 0 2em;
	text-align:		center;	
	} 



a {
	color:			#66f;
	font-weight: 	normal;
	text-decoration: underline;
	}

a:visited {
	color:			#f00;
	}

a:hover {
	text-decoration:  none;
	background-color: #b3b3b3;
	color: 			  #fff;
	}

.clearer {
	clear: both;}