/* Override global font */
body,td,li,p {
	font-family : Arial, Helvetica, sans-serif;
	margin: 0;
}


a { color: #000; text-decoration : none; }
/*
a:link    { text-decoration : none; }
a:visited { text-decoration : none; }
*/
a:hover   { text-decoration : underline; }
/*
a:active  { text-decoration : none; }
*/


/* ------------------------------------------------------------ */
/* override colors of top, left, bottom of page */
.navigation {
	background-color: #eee;
}
.navigation a { color: #000; text-decoration : underline; }
/*
.navigation a:link    { text-decoration : underline; }
.navigation a:visited { text-decoration : underline; }
.navigation a:hover   { text-decoration : underline; }
.navigation a:active  { text-decoration : underline; }
*/


td.header {
	border-bottom: 1px solid #ccc;
}

td.menu {
	background-color: #eee;
	border-right: 1px solid #ccc;
}

/* override color */
.footer {
	background-color: #eee;
}

td.footer {
	border-top: 1px solid #ccc;
	background-color: #eee;
}



/* ------------------------------------------------------------ */
/* Title at the top of the thumbnail table */
.galleryTitle1 {
	margin: 0px;
	margin-top: 20px;

	text-align: center;
	color: #000;
	font-weight : bold;
	
	/* For testing */
/* 	border: 1px solid #0000FF; */
}

/* Title at the top of the thumbnail table */
.galleryTitle2 {
	margin: 0px;
	padding: 5px 30px 0px 30px;

	text-align: center;
	color: #000;
	font-style: italic;
}

/* ------------------------------------------------------------ */
/* This is for the thumbnail pages in the gallery */
.galleryThumbsBody {
	padding-bottom: 25px;
	margin-left: auto;
	margin-right: auto;

	width: 600px;
	
	text-align: center;

	/* For testing */
/* border: 1px solid #F0F; */
}

.galleryThumbsBody table {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.galleryThumbsBody p {
	font-family : Arial, Helvetica, sans-serif;
	text-align: center;
	color: #000;
/* 	color: #F8D77C; */
	font-size: 10pt;
}


.galleryThumbsBody td {
	padding: 0.5em;
}

/* Put a black border on all thumbnails */
.galleryThumbsBody img {
	border: 1px solid #000;
}










/* ------------------------------------------------------------ */
/* This is for the individual works pages in the gallery */
.galleryIndivBodyBox {
	/* these settings should match those of .galleryThumbsBody */
	margin-left: auto;
	margin-right: auto;

	width: 600px;
	
	text-align: center;
}


.galleryIndivBody {
	margin-top: 15px;
	margin-bottom: 25px;

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

	background-color: #fff;
	clear: both;

	width: 500px;
	height: 520px;

/*border: 1px solid #f00; */
}

/* Put a black border on all images */
.galleryIndivBody img {
	margin-bottom: 1em;
	border: 2px solid #000; 
}

.artworkDescription {
	line-height: 150%;
	text-align: left;
}


.artistsLink a:link    { color: #00c; text-decoration : underline; }
.artistsLink a:visited { color: #00c; text-decoration : underline; }
.artistsLink a:hover   { color: #00c; text-decoration : underline; }
.artistsLink a:active  { color: #00c; text-decoration : underline; }


/* ------------------------------------------------------------ */
/* This is used at the bottom of the individual artwork pages */

/* TODO : why does this show up off-center? 20px to the right... */
.galleryNavigate2 {
	margin: 0em;
	padding: 2px;

/*
  	border: 1px solid #000; 
*/

	color: #000;
/*
	background-color: #ccf;
  	border: 1px solid #aaf;
*/
	background-color: #eee;
  	border-bottom: 1px solid #ccc;

	font-size : small;
	
	text-align: center;
}
.galleryNavigate2.bottom {
  	border-bottom: none;
  	border-top: 1px solid #ccc;
}

.galleryNavigate2 ul {
	margin: 0;
	padding: 0;	/* This is necessary to maintain centering! */

	/* For testing */
/*border: 1px solid #0f0;*/
}

.galleryNavigate2 li {
	display: inline;
	list-style-type: none;
	/* For testing */
/*border: 1px solid #0f0;*/
}

.galleryNavigate2 a {
	color: #000;
	padding: 2px 10px;
}
.galleryNavigate2 a:link {
	text-decoration: none;
}

.galleryNavigate2 a:visited {
	text-decoration: none;
}
.galleryNavigate2 a:hover, a:active {
	text-decoration : underline;
}


.instructions {
	margin: 1em;
}
.instructions p {
	color: #666;
	font-size: small;
}

/* ------------------------------------------------------------ */
#credits {
	margin: 15px 5px 5px 5px;
	padding: 2px;

	color: #333;

	font-size : x-small;
	
	text-align: right;
}

#credits a {
	color: #333;
}