@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:#3D345C;
}
a:visited {
	text-decoration:none; /*visited links have no underline */
	color:#3D345C;
}
a:hover {
	text-decoration:none;   /* hovered links have no underline */
	color:#9293C7;        /* hovered links */
}
a:active {
	text-decoration:none;   /* hovered links have no underline */
	color:#9293C7;        /* 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:#888E9D;
	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:#3D345C;  /* affects everything but name, title, footer */
}
#artistname {
	font-size: 38px;
	width:356px;
	float: left;
	color:#ffffff;
}
#title {
	width: 956px;
	float:left;
	color:#ffffff;
}
#title_left {
    width: 300px;
	float:left;
	font-size:36px;
	}
#title_right {
	width: 656px;
	float:left;
	text-align:right;
	font-size:26px;
padding-top:8px;
}
#box {
	clear:both;
	border:1px solid #3D345C;
	background-color:#F5F1E9;
	width:956px;
	height:474px;
	padding-top:20px;
	float:left;
}

#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 #3D345C;*/
	display:inline;
	padding-right: 7px;
}
#vertical-line{
width:1px;
height:452px;
background-color:#3D345C;
margin-right: 14px;
float:left;
}
.menu-item {
	font-size:19px;
	padding-bottom:22px;
}
.menu-item-depressed {
	font-size:19px;
	padding-bottom:22px;
	color:#9293C7;
}
.sub-menu {
	font-size:16px;
	font-style:italic;
	padding-bottom:17px;
	margin-left:15px;
}
.sub-menu-depressed {
	font-size:16px;
	font-style:italic;
	padding-bottom:17px;
	margin-left:15px;
	color:#9293C7;
}
#subbox1 {
height: 320px;
width:545px;
float:left;
}
#subbox2 {
height: 320px;
width:220px;
float:right;

}
#boxtext {
/*	margin-left:7px;*/
	width:785px;
	height:454px;
	float:left;
	font-size:18px;
	background-color:#F2EDE3;
}
#boxtext a:link{color:#9293C7;} 
#boxtext a:hover{
	color:#9293C7;
}
#boxtext a:visited{color:#9293C7;}
#boxtext a:active{color:#9293C7;}

#boxtext-smaller {
	padding-left:25px;
	padding-right:25px;
	padding-bottom:16px;
	font-size:14px;
}
#artist-pic {
	height:450px;
	width:150px;
	float:left;
}
#form {
	margin-left:30px;
	float:left;
	background-color:#F2EDE3;
}
#tileanddescription {
	margin-left:5px;
	margin-right:20px;
	width:300px;
	height:454px;
	float:left;
}
#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:#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;
}
.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;
}
#footer {              /* used only for the text in the footer of the page. Really small size. */
	clear:both;
	font-size: 12px;
	text-align:right;
	padding-top:10px;
	width:955px;
/*	float:right;*/
	color:#ffffff;
}