@charset "utf-8";

/* -------------------------------------------------------------------*/
/*   Author:   Danielle Closs                                         */
/*   Date:     9/20/2007                                              */
/*   Filename: gallery.css                                            */      
/*   Related                                                          */      
/*   Files:    gallery.shtml                                          */     
/*--------------------------------------------------------------------*/


#thumbnailGroup{
	position:relative;
	margin:10px 0 0 0;
	padding:0;
	width:100%;
	height: 75px;
	background-color:#5C7A95;
	border:4px #27274E solid;
	overflow:hidden;
	clear:both;
}
	
#thumbnails {
	position:absolute;
	margin:0;
	padding:0;
	z-index:5;
	top:0;
	left:24px;
}
	
#thumbnails ol{
	margin:0;
	padding:6px 0 0 0;
}
	
#thumbnails li {
	margin:0;
	padding:0 4px 15px 0;
	float:left;
	list-style-type: none;
}
	
#thumbnails a{
	margin:0;
	padding:0;
	border:4px #27274E solid;
	width:50px;
	height:50px;
	display:block;
}
	
#thumbnails a:hover {
	border:4px #CCCC99 solid;
}
	
#thumbnails img{
	border:none;
}
	
#mainGallery{
	background-color:white;
	position:relative;
	clear:both;

}
	
.galleryHide{
	position:absolute;
	top:0;
	left:0;
	clear:both;
	display:none;
}
	
.galleryShow{
	position:absolute;
	top:0;
	left:0;
	clear:both;
	width:98%;
}
	
.galleryText{
	margin-right:225px;
}
	
.title {
	padding:5px;
	background-color:#5C7A95;
	color:white;
	margin:5px 10px 10px 0;
	height:2%;
	float:left;
	width:100%;
}	
	
.picTitle {
	font-variant:small-caps;
	font-size:105%;
	display:inline;
	float:left;
}

.enlarge {
	font-size:90%;
	display:inline;
	float:right;
}

.enlarge a{
	font-size:90%;
	color:white;
	font-variant:small-caps;
}	
	
.description {
	width:75%;
	padding:5px;
	margin:5px;
}
	
.pic {
	border:4px #27274E solid;
	position:absolute;
	width:200px;
	right:0px;
	top:0px;
	margin:10px 5px;
}

.pic:hover {
	border:4px #CCCC99 solid;
}

.prev{
position: absolute;
left:0px;
bottom:0px;

}

.next{
position:absolute;
right:0px;
bottom:0px;

}

.arrow{
	background-color:#27274E;
	position:absolute;
	height:76px;
	width:12px;
	border-left:medium #27274E solid;
	border-right:medium #27274E solid;
	z-index:6;
}

.arrow a{
	border:none;
	padding:0;
	margin:0;
	}

#left{
	left:0;
	top:0;
}

#right{
	right:-1px;
	top:0px;
}
	
#noscript {
	font-variant:small-caps;
	text-decoration:underline;
	font-weight:bold;
	font-size:110%;
	color:white;
	background-color:purple;
	display:block;
}