div.gallery_wrapper
{
	margin-left: auto;
	margin-right: auto;
	width: 80%;

	min-width: 670px;
	
	height: 600px;
	
	/* Make this wrapper relative so boxes it contains can be positioned absolutely */
	position: relative;
	
	
	margin: 0;
	padding: 0;
	border-width: 0;
/*	background-color: #777777; */
}

div.thumbs_wrapper
{
	height: 450px;
	width: 220px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 40px;
	padding: 0px;
}

/*
div.thumbs
{
	padding: 0px 0px;
}
*/

div.thumb_item
{
	/* This height dimension also has to be used in the JS file for the vertical scroll amount */
	height: 150px;
	/* I don't care about making the div around the thumbnails any particular width */
/*	width: 190px; */
}

div.thumb_item img
{
	display: block;
	border: none;
}

ul.image_list
{
	list-style: none;
	
	/* These dimensions don't matter for the images, but they do for the captions, in IE anyway*/
	width: 400px;
	height: 400px;

/*	background-color: #FFFFFF; */

/*
	position: relative;
*/


	left: 0px;
	top: 0px;




/*
margin-left: auto;
margin-right: auto;
*/


	margin: 0;
	padding: 0;


	border-width: 0;
}

ul.image_list li
{
	position: absolute;
	
	/* Position ends up being relative to the "gallery wrapper" div since that's the next one up the chain with position: relative */
	left: 0px;
	top: 0px;
/*	right: 0; */
}

/* Prevent images from displaying until this class is removed by javascript */
/*img.image_loading */
.image_loading
{
	display: none;
}


div.up_button
{
	position: absolute;
	right: 5%;
	top: 0px;
}

div.down_button
{
	position: absolute;
	right: 5%;
	top: 480px;
}

div.artist_text
{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 5px;
/*  width: 595px; */
	width: 60%;
	border-width: 0;
	padding: 0;
	
	/* Padding to line up the left side of the text with the visible part of the header */
/*	
	padding-left: 30px;
	padding-right: 0px;
*/
}

#masthead
{
	position: relative;
	width: 595px;
	height: 135px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border-width: 0;
}

#dane_logo
{
	position: absolute;
	left: 4px;
	top: 5px;
}

#artists_logo
{
	position: absolute;
	right: 10px;
	top: 8px;
}

#rectangle_1
{
	position: absolute;
	left: -2px;
	top: 100px;
}

#rectangle_2
{
	position: absolute;
	left: -2px;
	top: 130px;
}

a.artist_bio_link:link
{
	color:#CCCC99;
	position: absolute;
	right: 20px;
	top: 75px;	
}

.top_links
{
	position: absolute;
	left: 30px;
	top: 110px;
	padding: 0px;
	border-width: 0px;
	margin: 0px;
	text-align: left;
	width: 595px;
/*
	display: inline;
*/
/*
	background-color: #00FF00;
*/
}

.top_link
{
	display: inline;
	padding: 0px;
	border-width: 0px;
	margin: 0px;
}

.top_link a
{
	padding: 0px;
	border: none;
	margin: 0px;
}

.top_link img
{
	padding: 0px;
	border-width: 0px;
	margin: 0px;
	border: none;
}

/* Begin classes for artist list */

div.ap_wrapper
{
	margin: 0;
	padding: 0;
	border-width: 0;
	width: 200px;
	height: 200px;
	position: relative;
}

ul.ap
{
	list-style: none;
	width: 200px;
	height: 200px;
	margin: 0;
	padding: 0;
	border-width: 0;
}

ul.ap li
{
	position: absolute;
	margin: 0;
	padding: 0;
	border-width: 0;
	right: -20px;
	top: 0px;
}

a:link
{
	color: #ffffff;
	text-decoration: underline;
}

a:visited
{
	color: #ffffff;
	text-decoration: underline;
}


a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.ap-link-wrapper
{
	display: inline-block;
	margin-left: 20px;
	width: 140px;
	margin-bottom: 5px;
}