body {
	background-color: #6A2128;
	/*background-color: #000;*/
	margin: 0;

	text-align: center;
}


#artBox {
/*
	margin-left:20px;
*/

	margin-left: auto;
	margin-right: auto;

	height:1%; 
	padding-bottom: 1em;
/*	margin-bottom:4em; */
	position:relative;
	background-color: #000;
	width: 700px;
	
	text-align: center;

	font-family: arial,sans-serif;
	font-size:10px;

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

#headerBox {
	/*position: relative;*/
	
	width: 476px;

	margin-left: auto;
	margin-right: auto;
	
	background-color: black;
	text-align: center;
}

#headerBox img {
	border: none;
}

#linksBox {
	margin: 3px;
	margin-left: auto;
	margin-right: auto;
	padding: 4px 0px;
	
	background-color: #040F32;
	text-align: center;

	color: white;

	width: 700px;

	font-family:georgia,sans-serif;
	font-size:12px;

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

#linksBox a         {color:white; text-decoration:none; padding: 2px; /*border-right: 1px dotted #aaa;*/}
#linksBox a:link    {color:white; text-decoration:none;} 
#linksBox a:visited {color:white; text-decoration:none;} 
#linksBox a:hover   {color:#ABD7FD; text-decoration:underline;} 
#linksBox a:active  {color:#ABD7FD; text-decoration:underline;} 

/*
* html #linksBox a {
  border: none;
  background-image: url("images/dots3.gif");
  background-position: right;  
  background-repeat: repeat-y;
  padding: 3px;
}
*/

#footerBox {
	width: 700px;

	margin-left: auto;
	margin-right: auto;

	padding: 4px 0px;
	
	background-color: black;
	text-align: center;

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

	color: white;
	font-family: arial,sans-serif;
	font-size:10px;
}
/*#footerBox a         {color:#ABD7FD; text-decoration:none;}*/
#footerBox a         {color:#FFCC00; text-decoration:none;}
/*#footerBox a:link    {color:white; text-decoration:none;} */
/*#footerBox a:visited {color:white; text-decoration:none;} */
#footerBox a:hover, a:active   {text-decoration:underline;}
/*#footerBox a:active  {color:#ABD7FD; text-decoration:underline;} */


#scrollbox {
	width:595px;
	height:165px;
	margin-left: 60px !important; margin-left: 0px;	/* IE gets margin of 0px, 60px for all others */
	background:#000;
	overflow:auto;
/*border:1px solid #333;*/
}


/* this describes the thumbnails */
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:70px; height:50px; /*margin:3px;*/ float:left;}



/* slide defs were here, but have been moved to separate files for each gallery */





/* this describes the main photo */
.slideMain {
	display:block; 
	position:absolute; 

	width: 400px; 
	height: 250px; 

	top: 90px; 
	left: 150px; 

	padding: 0; 

	/*border: 1px solid #000;*/
	background-color: #000;
}

/* this seems to describe the new photos, makes a little box at the top of the screen... */
a.gallery span {
	display:block; 
	position:absolute; 
	left:150px; 
	top:-1px; 
	width:1px; 
	height:1px; 
	overflow:hidden; 
	background:#000;
/*border:1px solid #0f0;*/
}
a.gallery:hover {white-space:normal; border:1px solid #ccc;}

/* replacement images */
a.gallery:hover img, a.gallery:active img, a.gallery:focus img {
	/*border:1px solid #ff0;*/
	border:1px solid #000;
}

/* box around replacement images, text */
a.gallery:hover span, a.gallery:active span, a.gallery:focus span 
{
	display:block; 
	position:absolute; 

	top: 90px; 
	left: 150px; 

	width: 402px; 
	height: 372px; 
	
	padding: 0px; 
	margin: 0px;

	font-family: arial,sans-serif;
	font-size: 11px;

	color:#fff;
	background:#000;
	text-align: left;

/*border:1px solid #0ff;*/
}
#pad {height:380px; width:100px;}

#thumbs {
	width:587px;
	height:155px;
/*border:1px solid #0ff;*/
}