@charset "utf-8";

/**************************************
 * VISUAL ELEMENTS
 **************************************/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* 
 * Left/right auto margins allow content to float horizontally.
 */
div.content {
	background: black;
	width: 639px;
	margin-left: auto;
	margin-right: auto;
}

div.popup {
	background: black;
	width: 540px;
	margin-left: auto;
	margin-right: auto;
}

div.popup-wide {
	background: black;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

div.popup-huge {
	background: black;
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
}

/*
 * Horizontal lines have no content, just an extendible background image.
 */
td.line {
	background-image: url(../images/thinline.jpg);
	background-repeat: repeat-x;
	background-position: left;
	height: 1;
}

/*
 * Vertical lines have no content, just an extendible background image.
 */
td.vline {
	background-image: url(../images/vline.jpg);
	background-repeat: repeat-y;
	width: 1;
}

/*
 * Blue text can be applied to multiple elements.
 */
.blue-text {
	color: rgb(36,145,206);
}

/*
 * Multi-purpose table spacer.
 */
td.spacer {
	height: 9;
}

/*
 * Mouse over behavior for popup images.
 */
img.clickable {
	border: 3px solid midnightblue;
}

img.clickable:hover {
	border: 3px solid Blue;
}

/*
 * Background and font for sub-page captions.
 */
.caption {
	background-image: url(../images/bgnd-about.jpg);
	background-repeat: repeat-y;
	color: white;
	font-family: Trebuchet, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 175%;
	padding-left: 16px;
}

/*
 * Styles for image labels and descriptions.
 */
.label {
	color: white;
	font-family: Trebuchet, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 175%;
}

.description {
	color: lightgrey;
	font-family: Times, serif;
	font-size:14px;
	margin-left: 40px;
	margin-right: 40px;
	line-height: 140%;
}

/**************************************
 * HEADER SECTION
 **************************************/

table.header {
	text-align: center;
	font-family: Trebuchet, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: lightgray;
}

td.header1 
{
	height: 24;
	width: 189;
}

td.header2
{
	height: 24;
	width: 244;
}

td.header3
{
	height: 24;
	width: 204;
}

/**************************************
 * HYPERLINKS SECTION
 **************************************/

a, a:link, a:active, a:visited {
	color: lightgrey;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

table.links {
	height: 197;
}

td.left-link {
	width: 170;
	height: 49;
	color: lightgrey;
	font-family: Trebuchet, sans-serif;
	font-size: 14px;
	padding-left: 16px;
	background-image: url(../images/link-left.jpg);
	background-repeat: no-repeat;
}

td.right-link {
	width: 144;
	height: 49;
	color: lightgrey;
	font-family: Trebuchet, sans-serif;
	font-size:14px;
	padding-left: 60px;
	background-image: url(../images/link-right.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

/**************************************
 * MURALS SECTION
 **************************************/

tr.murals {
	height: 132;
}

/**************************************
 * ABOUT THE ARTIST SECTION
 **************************************/

.about {
	background-image: url(../images/bgnd-about.jpg);
	background-repeat: repeat-y;
	color: lightgrey;
	font-family: Trebuchet, sans-serif;
	font-size:14px;
	line-height: 175%;
	padding-left: 16px;
}

.bio {
	color: lightgrey;
	font-family: Times, serif;
	font-size:14px;
	margin-left: 36px;
	margin-right: 52px;
	line-height: 140%;
}