/* CSS Document */

			

#lightbox			{position: absolute;
						left: 0; 
						width: 100%; 
						z-index: 100; 
						text-align: center; 
						line-height: 0;
						}
						
#lightbox img		{width: auto; 
						height: auto;
						}
						
#lightbox a img		{border: none; 
						}

#outerImageContainer{ position: relative; 
						background-color: #fff; 
						width: 250px; 
						height: 250px; 
						margin: 0 auto; 
						}
						
#imageContainer		{padding: 10px;
						}

#loading			{position: absolute; 
						top: 40%; 
						left: 0%; 
						height: 25%; 
						width: 100%; 
						text-align: center; 
						line-height: 0; 
						}
						
#hoverNav			{position: absolute; 
						top: 0; 
						left: 0; 
						height: 100%; 
						width: 100%; 
						z-index: 10; 
						}
						
#imageContainer>#hoverNav		{left: 0;
								}
#hoverNav a			{outline: none;
						}

#prevLink, #nextLink{ width: 49%;
						height: 100%; 
						background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
						display: block; 
						}
						
#prevLink 			{ left: 0; 
						float: left;
						}
						
#nextLink 			{ right: 0; 
						float: right;
						}
						
						
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; 
											}
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; 
											}

#imageDataContainer	{ font: 10px Verdana, Helvetica, sans-serif; 
						background-color: #fff; 
						margin: 0 auto; 
						line-height: 1.4em; 
						overflow: auto; 
						width: 100%	; 
						}

#imageData			{padding:0 10px; 
						color: #666; 
						}
						
						
#imageData #imageDetails{ width: 70%; 
							float: left; 
							text-align: left; 
							}
							
								
#imageData #caption		{ font-weight: bold;	
							}
							
#imageData #numberDisplay{display: block; 
							clear: left; 
							padding-bottom: 1.0em;	
							}		
								
#imageData #bottomNavClose{ width: 66px; 
								float: right;  
								padding-bottom: 0.7em; 
								outline: none;
								}	 
									
* { margin: 0px;
padding: 0px; }

h1, h2, h3, h4, h5, h6 { margin: 15px 0px; }
p { margin: 10px 0px; }
table { margin: 10px 0px; }
ul, ol { margin: 10px 0px 10px 40px; }

a.img:link		{text-decoration:none;
			color:none;}

a.img:visited	{text-decoration:none;
			color:none;}

a.img:hover		{text-decoration:none;
			color:none;}

a.img:active	{text-decoration:none;
			color:none;}

a.black:link		{text-decoration:none;
			color:#000000;}

a.black:visited	{text-decoration:none;
			color:#000000;}

a.black:hover		{text-decoration:none;
			color:#ffffff;}

a.black:active	{text-decoration:none;
			color:#ffffff;}
			
			
a.white:link		{text-decoration:none;
			color:#ffffff;}

a.white:visited	{text-decoration:none;
			color:#ffffff;}

a.white:hover		{text-decoration:none;
			color:#000000;}

a.white:active	{text-decoration:none;
			color:#000000;}
			
			
a.gray:link		{text-decoration:none;
			color:#979696;}

a.gray:visited	{text-decoration:none;
			color:#979696;}

a.gray:hover		{text-decoration:none;
			color:#ffffff;}

a.gray:active	{text-decoration:none;
			color:#ffffff;}

#overlay	{ position: absolute; 
				top: 0; 
				left: 0; 
				z-index: 90; 
				width: 100%; 
				height: 500px; 
				background-color: #000; 
				}




body					{background-image:url(images/stonebg.jpg);
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size:10px;
							}
							
							

#container				{position:relative;
							background-color:#FFFFFF;
							margin:0px auto;
							width:800px;
							height:inherit;
						}
							
							
#header					{width:800px;
							height:260px;
							background-color:#b5b9ba;
							}
							
							
#menu			{position:absolute;
							background-image:url(images/menubg.jpg);
							background-color:#b5b9ba;
							height:27px;
							width:800px;
							top:260px;
							left:0px;
							}


#nav		ul	{margin-top:6px;
							}
							
								
#nav		li	{display:inline;
							border:1px solid #b5b9ba;
							vertical-align:middle;
							list-style-type:none;
							margin-right:35px;
							font-size:10px;
							}
							

#content		{width:798px;
							background-color:#FFFFFF;
																			border:1px solid #ffffff;
							}
							
							
#welcome		{width:464px;
							height:37px;
							margin:33px 0 0 52px;
							}

					
							
#text		{width:758px;
							margin-left:20px;
							text-align:justify;
							}
							

#btmlinks		{padding-top:5px;
							width:800px;
							height:96px;
							background-color:#f26922;
							}
							
							
#img1			{width:127px;
							height:94px;
							margin:0 0 0 12px;
							float:left;
							}

#link1			{text-align:left;
							color:#FFFFFF;
							width:127px;
							height:94px;
							float:left;
							}
							

#img2			{width:127px;
							height:94px;
							margin:0 0 0 12px;
							float:left;
							}
							
#link2			{text-align:left;
							color:#FFFFFF;
							width:127px;
							height:94px;
							float:left;
							}
							
#img3			{width:127px;
							height:94px;
							margin:0 0 0 12px;
							float:left;
							}

							
#link3			{text-align:left;
							color:#FFFFFF;
							width:127px;
							height:94px;
							float:left;
							}

						
#bottominfo		{width:798px;
							height:41px;
							margin-top:5px;
							background-color:#9e9f9f;
							border:1px solid #9e9f9f;
							}


#bottomtxt		ul	{margin-top:14px;
							}
							
								
#bottomtxt		li	{display:inline;
							text-align:center;
							color:#FFFFFF;
							list-style-type:none;
							margin-right:40px;
							}
							
#copyright			{position:relative;
							text-align:right;
							margin:0 auto;
							width:785px;
							color:#979696;
							}