@charset "utf-8";
/* Color scheme */
/* body background-color */
/* container color */
/* artistname color */
/* title color */
/* box border */
/* box background-color */
/* box-text background */
/* a:link, visited, hover, active */
/* menu-space border */
/* menu-item-depressed color */
/* sub-menu-depressed color */
/* gallery-tile background-color */
/* gallery-tile border */
/* form background */
/* #border border colors */
/* footer text color */
a:link {
	text-decoration:none; /*links have no underline */
	color:#ffffff;
}
a:visited {
	text-decoration:none; /*visited links have no underline */
	color:#ffffff;
}
a:hover {
	text-decoration:none;   /* hovered links have no underline */
	color:#94E3FE;        /* hovered links */
}
a:active {
	text-decoration:none;   /* hovered links have no underline */
	color:#94E3FE;        /* active links */
}
body {
	margin: 0;     /* zero the margin and padding to account for differing browser defaults */
	text-align: left; /* this centers the container in IE 5* browsers.  */
	background-color:#6B5C50;
	padding-top:40px;
	padding-bottom:10px;
}
#container {
	width: 956px;
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	clear: both;
	color:#FFFFff;  /* affects everything but name, title, footer */
}
#header {
	width: 956px;
	height:40px;
	color:#ffffff;
}
#artistname {
	font-size: 38px;
	font-family:"Times New Roman", Times, serif;
	width:390px;
	float: left;
}
#title {
	width: 560px;
	float:right;
	font-size:21px;
	font-family:"Times New Roman", Times, serif;
	text-align:right;
	padding-top:16px;
}
#box {
	clear:both;
	border:1px solid #5C4434;
	background-color:#2F2B1E;
	width:956px;
	height:474px;
	padding-top:20px;
	/*	float:left;*/
	overflow:hidden;
}
#menu-space {
	padding-left:15px;
	width:125px;
	float:left;
	/*	margin-right:14px;*/
	height:452px;   /* affects right border height too. Make it line up with bottom of enlarged painting. */
	/*	border-right:1px solid #2F2B1E;*/
	display:inline;
	padding-right: 7px;
	overflow:hidden
}
#vertical-line {
	width:1px;
	height:452px;
	background-color:#2F2B1E;
	margin-right: 14px;
	float:left;
	display:inline;
}
.menu-item {
	font-size:19px;
	font-family:"Times New Roman", Times, serif;
	padding-bottom:22px;
}
.menu-item-depressed {
	font-size:19px;
	font-family:"Times New Roman", Times, serif;
	padding-bottom:22px;
	color:#94E3FE;
}
.sub-menu {
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	padding-bottom:17px;
	margin-left:15px;
}
.sub-menu-depressed {
	font-size:16px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	padding-bottom:17px;
	margin-left:15px;
	color:#94E3FE;
}
#boxtext {
	/*	margin-left:7px;*/
	width:780px;
	height:454px;
	float:left;
	font-size:18px;
	font-family:"Times New Roman", Times, serif;
	background-color:#2F2B1E;
	overflow:hidden;
}
#boxtext-smaller {
	padding-left:25px;
	padding-right:25px;
	padding-bottom:16px;
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
}
#artist-pic {
	height:450px;
	width:150px;
	float:left;
}
#form {
	margin-left:30px;
	float:left;
	display:inline;
}
#tileanddescription {
	/*	margin-left:15px;*/
	margin-right:15px;
	width:300px;
	height:454px;
	float:left;
	display:inline;
}
#tile-space1 {
	width:100px;
	height:298px;  /* tiles are 288 high, but added 10 for padding because can't pad gallery-information */
	float:left;
}
.gallery-tile {
	background-color:#959593;
	width:84px;   /* thumbnail cannot exceed 80x80 */
	height:84px;
	border: 1px solid #5C4434;
	padding-top: 2px;
	margin-right: 14px;
	margin-bottom: 10px;
	text-align:center;
	overflow:hidden;
}
.gallery-tile-empty {
	/*	background-color:#e3d8c2; */
	width:84px;   /* thumbnail cannot exceed 80x80 */
	height:84px;
	border: 1px solid #5C4434;
	padding-top: 2px;
	margin-right: 14px;
	margin-bottom: 10px;
	text-align:center;
	overflow:hidden;
}
#painting { /*don't add padding attrs, they get ignored with the javascript */
	float:left;
	width:454px;
	height:454px;
	text-align:center;
	overflow:hidden;
}
#gallery-information {  /*don't add padding attrs, they get ignored with the javascript */
	float:left;
	width:300px;
	height:154px;
}
#border {
	border-bottom: 1px solid #bba99e;
	border-right: 1px solid #bba99e;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}
.indent {
	padding-left:15px;
}
.smaller {
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
}
#footer {              /* used only for the text in the footer of the page. Really small size. */
	clear:both;
	font-size: 12px;
	font-family:"Times New Roman", Times, serif;
	text-align:right;
	padding-top:10px;
	width:956px;
	height:20px;
	/*	float:right;*/
	color:#ffffff;
}