@charset "UTF-8";
/* CSS Document */


#box{
	position: absolute;
    left: 50%;
   	top: 50%;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -450px;
	margin-top: 50px;
}

#content2{
	position:absolute;
	top: 15px;
	background-color: #999999;
	font-family: Helvetica, Aerial, sans-serif; 
	font-size: 8.5pt; 
	color: #c0c0c0; 
	text-decoration: none; 
	font-weight: normal; 
	line-height:17px;
	text-align:left;
	height: 500px;
	}
	
#header {
	position: absolute;
	left: 460px;
	width: 500px;
	height: 30px;
}
.mainTitle  { 
	font-family: Helvetica, Aerial, sans-serif; 
	font-size: 8.5pt; 
	color: #ffffff; 
	text-decoration: none; 
	font-weight: bold; 
	line-height:24px;
	text-align:right;
	
	}
#homeNav{
	width: 900px;
	height: 30px;
	position: absolute;
	top:10px;
	left:0px;
	background-color: #999999;
	border: thin solid #fff;
	
}





#navNumbers a:link{
	font-family: Helvetica, Aerial, sans-serif; 
	font-size: 8.5pt; 
	color: #c0c0c0;
	text-decoration: none;

}

#navNumbers a:active{
	font-family: Helvetica, Aerial, sans-serif; 
	font-size: 8.5pt; 
	color: #c0c0c0;	
	text-decoration: none;
}

#navNumbers a:hover{
	color: #CC33CC;
	text-decoration: none;
}

#navNumbers a:visited{
	font-family: Helvetica, Aerial, sans-serif; 
	font-size: 8.5pt; 
	color: #CC33CC;
	text-decoration: none;

}


.headNav{
	font-family: Helvetica, Aerial, sans-serif; 
	font-size: 8.5pt; 
	color: #ffffff; 
	text-decoration: none; 
	font-weight: bold; 
	line-height:17px;
	text-align:left;
	border-top: thin solid #fff;
	border-bottom: thin solid #fff;	
	display:block;
	}
	
.headNavBottom
{
	font-family: Helvetica, Aerial, sans-serif; 
	font-size: 8.5pt; 
	color: #ffffff; 
	text-decoration: none; 
	font-weight: bold; 
	line-height:17px;
	text-align:left;
	border-bottom: thin solid #fff;	
	display:block;
}


.headNav a:link, .headNav a:active, .headNav a:visited{
	font-family: Helvetica, Aerial, sans-serif; 
	font-size: 8.5pt; 
	color: #ffffff; 
	text-decoration: none; 
	font-weight: bold; 
	line-height:17px;
	text-align:left;
	border-top: thin solid #fff;
	border-bottom: thin solid #fff;	
	display:block;
	}
	
	
.headNav a:hover{
	font-family: Helvetica, Aerial, sans-serif; 
	font-size: 8.5pt; 
	color: #CC33CC; 
	text-decoration: none; 
	font-weight: bold; 
	line-height:17px;
	text-align:left;
	border-top: thin solid #fff;
	border-bottom: thin solid #fff;	
	display:block;
	}
	
	
#sideNav{
	position: absolute;
	top:40px;
	left:0px;
	width: 129px;
	height: 448px;
	background-color: #999999;
	border: thin solid #fff;
	


}

#thumbNav{
	width: 130px;
	position: absolute; 
	top:40px;
	left:130px;
	height: 448px;
	background-color: #999999;
	border: thin solid #fff;
	
	
}


#thumbnails{
	position: absolute;
	top:20px;
}


#thumbnails ul {
	list-style-type: none;
	display: inline;
}

#thumbnails li{
	float: left;
	display: block;
	padding-bottom:7px;
	width:55px;
	text-align: center;
	padding-left: 5px;
	}

#thumbnails li.active img { 
	display: block; 
	border: none;
}

#thumbnails li.wider { 
	display: block; 
	width: 130px;
	margin-right: auto;
	margin-left: auto;

}

#indexImage{
	position: absolute;
	top:40px;
	left: 260px;
}

#gallery{
	width:640px;
	position: absolute;
	top:40px;
	left: 260px;
	height: 448px;
	background-color: #999999;
	border: thin solid #fff;
	color:#fff;
	
}


#imageGallery img{
   display:block;
   margin:20px auto;
   

}

#caption{
	position: absolute;
	bottom: 0;
	text-align:center;
	
	}



div.scroll {
height: 413px;
width: 602px;
overflow: auto;
padding:0 10px;
text-align: left;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }