/*	CSS for The Gallery  */

ul#gallery {
	position:relative;
	width:575px;
	}
	
*HTML ul#gallery {
	font-size:1em;
	}
	
div#pagewrapper div#content div#main ul#gallery li {
	list-style:none;
	float:left;
	clear:left;
	padding-bottom:15px;
	width:575px;
	}
	
div#pagewrapper div#content div#main ul#gallery li a img {
	width: 100px;
	float:right;
	padding:5px;
	border: 1px solid #ffcc00;
	}

ul#gallery li h5 a {
	font-size:1.6em;
	color:#CC9900;
	padding-bottom:5px;
	font-weight:bold;
	float:left;
	width:420px;
	clear:none;
	}
	
*HTML ul#gallery li h5 a {
	font-size:1em;
	}
	
ul#gallery li p {
	float:left;
	clear:left;
	font-size:1.4em;
	width:420px;
	}
	
/*#gallery .gallerytable .columnWrapper {
	width:560px;
	clear:left;
	text-align:center;
	padding-top:10px;
	font-size:0.8em;
	}

#gallery .gallerytable .columnWrapper .columnLeft {
	width:110px;
	float:left;
	text-align:right;
	color:#CC9933;
	padding-right:10px;
	font-size:0.7em;
	}*/
	
/*#gallery .gallerytable .columnWrapper .columnLeft img {
	border:none;
	padding:0px;
	margin:0px;
	width: 100px;
	}
		
#gallery .gallerytable .columnWrapper .columnRight {
	width:400px;
	float:left;
	text-align:left;
	}
	
#gallery .gallerytable .columnWrapper .columnRight h1 {
	font-size:2.0em;
	color:#CC9900;
	padding-bottom:5px;
	font-weight:bold;
	}
	
#gallery .gallerytable .columnWrapper .columnRight p {
	font-size:1.6em;
	color:black;
	}

#gallery .gallerytable .columnWrapper .yearHeader {
	width:230px;
	float:left;
	text-align:left;
	font-size:2.5em;
	background-color:#cccccc;
	color:white;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	}*/

/*	Gallery Pop-up  */

#galleryPopup {
	position:relative;
	width:550px;
	height:550px;
	padding:0px;
	margin:0px;
	}
	
#thumbnailsContainer {
width: 220px;
margin: 0 ;
padding: 10px 0px 0px;
border: 0;
float: left;
}

#thumbnails {
width: 220px;
}
#thumbnails img {
float: left;
border: 1px solid #888888;
margin: 0 5px 5px 0;
}

#galleryPopup .separator {
clear: both;
height: 0;
}

#frameBorder,
#frameBackground,
#displayArea {
}

#frameBorder {
width: 285px;
/*background-color: none;*/
float: left;
}

#frameBackground {
padding: 10px;
}

#displayArea {
width: 285px;
}

#displayArea img {
border: 2px solid #e5e2d3;
margin-bottom: 2em;
}

#frameBorder p {
text-align: center;
font: 10px Arial, sans-serif;
color: #2b2b2b;
}

#caption, 
#credit {
font-weight: bold;
color: #222222;
}

p#closeWidget {
position: absolute;
top: 50%;
left: 50%;
margin-top: -210px;
margin-left: 210px;
width: 50px;
}
#closeWidget img {
border: 0;
margin: 0 0 -1px;
}