/* Settings for site tags */

body 
{
	margin-top: 15pt;
	margin-left: 0pt;
	margin-height: 0pt;
	margin-width: 0pt;
	background-color: #902E2E;
}

/* Text appearance */
body, table, td, p
{    
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
}

h1, h2, h3, h4
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #CCCCCC;
}

/*
td
{
	border: 1px solid #ae4f4f;
} /* d */

h1
{
	font-size: 12px;
/*	background-color: #050082;/**/
	margin-top: 10px;
	margin-bottom: 10px;
/*	text-transform: uppercase;*/
}

a
{
	color: #e1e1e1;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none
}

form
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px; 
	color: #343434;
	text-decoration: none;
	line-height: 14px;
}

input, select
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px; 
	text-decoration: none;
	line-height: 14px;
}

form, input, .form
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px; 
	color: #343434;
	text-decoration: none;
	line-height: 14px;
}

/* Site-specific classes */

.active
{
	color: #CA222F;
	font-weight: bold;
}

.selected
{
	color: #820303;
}

.fieldName
{
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px; 
	color: #cccccc;
	text-decoration: none;
	line-height: 14px;
}

.box 
{
	border: 1px solid #999999;	
}

.uppercase 
{
	text-transform: uppercase;
}

/* Define specific style areas inside site page */

/* 
	Main Table: the biggest table on the page which encloses all other content 
	The purpose of defining Main's background is to provide color to 1px hairline
	page lines, because they can't be done by other means.
*/

#main, #main td
{
	background-color: #902e2e;
}

/* Body: Site main content, usually the central-right area. */

#body, #body td, #body table, #body p
{    
	line-height: 130%;
}

#body th
{
	background-color: #666666;
	color: #FFFFFF;
}

#body td
{
	background-color: #902e2e;
}

#body th.headerColumn
{ 
	background-color: #999999;
}

#body td.headerColumn
{ 
	background-color: #660000;
}

/* Site navigation bar (horizontal, text) */

#horizontalbar, #horizontalbar table, #horizontalbar td, #horizontalbar p, #horizontalbar a
{
	white-space: nowrap;
	font-size: 10px;
}

/* Remove vertical delimiters from horizontal bar */
#horizontalbar td
{
	color: #FFFFFF;
}

/* Site navigation bar (vertical, text) */

#verticalbar, #verticalbar td, #verticalbar table, #verticalbar p
{
	white-space: nowrap;
}

/* Site copyright */

#copyright, #copyright p, #copyright a
{
	color: #CCCCCC;
	font-family: verdana, helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	text-decoration: none;
	white-space: nowrap;
	text-align: right;
	margin-top: 3px;
}

/* Error message in online forms */

#error
{
	color: #ff0000;
	font-size: 14px;
	display: block;
	background: url(images/error.gif) center left no-repeat;
	background-position: 0.9em 1.2em;
	border: 1px solid #343434;
	border-color: #343434;
	padding: 1em 0.3em 1em 3.6em;
	margin-bottom: 1em;
}

#error a:link, #error a:visited, #error a:active, #error a:hover, #error p
{
	color: #ff0000;
	font-size: 14px;
}

/* Site navigation bar (horizontal, rollover) */
/* Implementation: alteration to Rollover Horizontal List Navbar */

#sitebar
{
	margin-top: 0px;
	margin-bottom: 0px;	
	width: 100%;
	float: center;
	background-color: #8ba54c; /* actually, the color of navbar's 'border' */
	border-top: 4px solid #902E2E; /* make upper navbar's 'border' different color */	
/*	padding-top: 4px;*/
	padding-bottom: 4px;
	white-space: nowrap;
/*	background-color: red; /* d */
}

#sitebar ul
{
	margin: 0;
	padding: 4px 0 4px 0;
	color: #6a6a6a;
	background-color: #902E2E;
/*	background-color: green; /* d */
}

#sitebar ul li
{
	display: inline;
	background-color: #902E2E;
/*	background-color: blue; /* d */
}

#sitebar ul li a
{
	padding: 4px 3px;
	background-color: #902E2E;
	font-family: verdana, helvetica, sans-serif;
	color: #c7cacf;
	text-decoration: none;
	float: center;
	font-size: 11px;
	font-weight: bold;	
	margin-left: 1px; 
	margin-right: 1px; 
}

#sitebar ul li .active
{
	background-color: #902E2E;
	color: #eeaf45;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: -2px; 
	margin-top: -2px; 
/*	border-top: 2px solid #eeefe3; /* Extend 2 pixels up*/
	border-bottom: 4px solid #eeaf45;	
}

#sitebar ul li a:hover
{
	background-color: #de9841;
	color:#636363;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: -2px; 
/*	border-top: 2px solid #e7e7e7; /* Extend 2 pixels up*/
	border-bottom: 4px solid #eeaf45;	
}

#sitebarlist li a:hover, #sitebarlist li a:active
{
	text-decoration: none;
	background: #820303;
	background-color: #de9841;
	text-align: left;
}

/* Trick to narrow down spaces between list items */
#sitebarlist li a:hover
{
/*	margin-left: -3px; border-left: 3px solid #FFFFFF;
	margin-right: -3px; border-right: 3px solid #FFFFFF;*/
}
#sitebarlist li a.active:hover
{
/*	margin-left: 0; border-left: 0;
	margin-right: 0; border-right: 0;*/	
}

/* Page navigation bar (horizontal, rollover). Navigates through page's subpages, e.g. artwork series. */

#pagebar
{
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	float: center;
	white-space: nowrap;
/*	padding-bottom: 3px;*/
/*	border-top: 4px solid #8ba54c;*/
	border-top: 2px solid #eeaf45;
	border-bottom: 1px solid #eeaf45;
	background-color: #660000; /* actually, the color of navbar's 'border' */
/*	background-color: red; /* d */
}

#pagebar ul
{
	margin: 0;
	padding: 4px 0 4px 0;
	color: #c7cacf;
	background-color: #660000;
/*	border-bottom: 1px solid red;*/
}

#pagebar ul li
{
	display: inline;
	background-color: #660000;
}

#pagebar ul li a
{
	padding: 4px 10px 4px 10px;
	background-color: #660000;
	font-family: verdana, helvetica, sans-serif;
	color: #c7cacf;
	text-decoration: none;
	float: center;
/*	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;*/
/*	border-bottom: 1px solid #FFFFFF;*/
	font-size: 10px;
	font-weight: bold;	
/*	text-transform: uppercase;*/
}

#pagebar ul li .active
{
	background-color: #660000;
	color: #eeaf45;
	font-weight: bold;	
}

#pagebar ul li a:hover
{
	background-color: #660000;
	color: #eeaf45;
	margin-top: -1px;
/*	border-top: 1px solid #e7e7e7; /* Extend background 1 pixel above*/
}

#pagebarlist li a:hover, #pagebarlist li a:active
{
	color: #eeaf45;
	text-decoration: none;
	background: #820303;
	background-color: #660000;
	text-align: left;
}

/* Sometimes we place text in pagebar, too */
#pagebar p
{
	margin: 0px;
	padding: 5px;
	color: #c7cacf;/*#d8d5cc;*/
}

/* Page navigation bar (vertical, rollover). Used vertical menues inside page. */

#verticalbar ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#verticalbar a
{
	display: block;
	padding: 3px;
	width: 160px;
/*	background-color: #902E2E;*/
	border-bottom: 1px solid gray;
}

#verticalbar a:link, #verticalbarlist a:visited
{
	color: #999999;
	text-decoration: none;
}

#verticalbar ul li .active
{
	color: #de9841;
}

#verticalbarlist li a:hover, #verticalbarlist li a:active
{
	text-decoration: none;
/*	background: #eeaf45;*/
	color: #343434;
	background-color: #de9841;
	text-align: left;
}

/* Site bottom bar. Reflects text in the bottom area of each page. */


#bottombar
{
	background-color: #660000;
/*	border-bottom: 4px solid #8ba54c;*/
/*	background-color: #b8b8b8;*/
	height: 20px;
}

/*	background-color: #b8b8b8;
	height: 1px;*/

/*
#bottombar, #bottombar a
{
	font-family: verdana, helvetica, sans-serif;
	color:#666666;
	margin: 1px 0px 0 0px;
	padding-bottom: 1px;	
	padding: 2px 0px 2px 0px;
	float: center;
	background-color: #b8b8b8;
	white-space: nowrap;
	word-spacing:3px;
	letter-spacing:0.4px;
	font-size: 11px;
	font-weight: bolder;
}
*/

/* Left region: Site content on the left. */

#leftregion 
{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	background-color: #660000;
}

/* Trick to extend all way down in enclosing cell */
#leftregion 
{
	height: 100%; 
	overflow:auto; 
}

#leftregion, #leftregion td, #leftregion table, #leftregion p, #leftregion a
{    
	font-size: 12px;
}

#leftregion td
{
	background-color: #660000;
}


/* Art Square: block of squares linking to specific artwork pages. */
/* Implemented as a list navigation bar, because simple links do not behave
   properly in Safari and Firefox */

#artsquare ul
{
	margin: 0;
	padding: 0;
	padding-left: 0;
	list-style-type: none;
}

#artsquare ul li
{
	margin: 0;
	padding: 0;
	display: inline;
	vertical-align: bottom;
}

/* Can't set height because a tag always vertically aligns to top. 
Need to use paddings instead */

#artsquare ul li a
{
	display: block;
	width: 16px;
	padding: 1px 0 1px 0;
	text-decoration: none;
	background-color: #999898;
	border: 1px solid #999898;
}

/* Leads to bug: can't see the color of .active class.
#artsquare a:link, #artsquarelist a:visited
{
	color: #343434;
	text-decoration: none;
	border: 1px solid #999999;
}*/

#artsquare ul li .active, #artsquare a.active
{
	color: #eeaf45;
	border: 1px solid #eeaf45;
	background-color: #eeaf45;
}

#artsquare ul li a:hover
{
	color: #eeaf45;
	border: 1px solid #eeaf45;
	background-color: #eeaf45;
}

#artsquarelist li a:hover, #artsquarelist li a:active
{
	color: #eeaf45;
	text-decoration: none;
	background: #eeaf45;
	background-color: red;
	border: 1px solid #ae4f4f;
}

.headingtext
{
	color: #666666;
	font-family: verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}

.longtext
{
	margin-right: 90px;
}