/* CSS Document */
/* FOR CONTENT AREA STYLING */

/* HEADINGS */
h1 {
	font-family:Arial, Helvetica, sans-serif; font-size:1.125em; /* 16x1.125=18px */
	font-weight:bold; line-height:1.1em;
	margin: 8px 0 10px 0; padding:0;}
h2 {
	font-family:Arial, Helvetica, sans-serif; font-size:1em; /* 16x1=16px */
	font-weight:bold; line-height:1.1em;
	margin:0; padding: 15px 0 0 0;}
h3 {
	font-family:Arial, Helvetica, sans-serif; font-size:0.875em; /* 16x0.875=14px */
	font-weight:bold; line-height:1.1em;
	margin:15px 0 0 0; padding:0;}
form h3 {color:#A43F97;} /* 0996c7 = blue */
h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited {text-decoration:none;}
h1 a:active, h1 a:hover,
h2 a:active, h2 a:hover {text-decoration:underline;}

/* RULE LINES */
hr {color:#FFF; height:1px; border:none; border-top:1px solid #AAA;}

/* EVENTS & SHOW LISTS */
table.eventsList {
	padding:0; margin: 25px 0 5px 0; border:0; border-collapse:collapse; width:100%;}
table.eventsList td {
	padding: 8px 7px; margin:0; border:0; border-bottom: 1px solid #CCC; vertical-align:top;}
table.eventsList th {
	padding: 8px 7px; margin:0; border:0; border-bottom: 1px solid #CCC; vertical-align:top; text-align:center;
	background-color:#a43f97; color:#FFF; font-weight:bold;
	font-size:1.125em; /* 16x1.125=18px */}
table.showList {
	margin: 5px 0;}
table.showList th {
	background-color:#37b5e0;}
table.eventsList th img {
	vertical-align: text-top;}
table.eventsList th a:link,
table.eventsList th a:visited {
	color:#FFF; text-decoration: none; font-size: 0.6875em; /* 16x0.6875=11px */}
table.eventsList th a:active,
table.eventsList th a:hover {
	color:#FFF; text-decoration: underline;}

table.eventsList td.photo {
	text-align:right; width:94px;}
div.currentShow {
	margin: 25px 0 12px 0; padding:0;}
div.currentShow .title {
	margin:0;
	font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold; 
	font-size:1.25em; /* 16x1.25=20px */}
table.eventsList  .title {
	font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold; color:#761e6b; 
	font-size:1.416em; /* 12x1.416666666667=17px */}
table.eventsList  .title a:link,
table.eventsList  .title a:visited {text-decoration:none;}
table.eventsList  .title a:active,
table.eventsList  .title a:hover {text-decoration:underline;}
table.eventsList  .date {font-weight:bold; font-size:1.125em; /* 12x1.125=13.5px */}
div.currentShow .date {font-weight:bold; font-size:0.9em; /* 16x0.9=14.4px*/}
div.currentShow p {margin:0; padding: 3px 0;}
table.eventsList  .reception {font-weight:bold; color:#C23B3A;}
div.currentShow .reception {font-weight:bold; color:#C23B3A; font-size:0.8em; /* 16x0.8=12.8px*/}
table.eventsList  .curator,
div.currentShow .curator {font-weight:bold;}


table.browseTable {
	padding:0; margin: 25px 0 5px 0; border:0; border-collapse:collapse; width:100%;}
table.browseTable td {
	padding: 6px 7px; margin:0; border:0; border: 0px solid #CCC; width:50%; vertical-align:top; text-align:center;}
table.browseTable th {
	padding: 8px 7px; margin:0; border:0; border-right: 5px solid #FFF; vertical-align:top; text-align:center;
	background-color:#ea5a28; color:#FFF; font-weight:bold;
	font-size:1.125em; /* 16x1.125=18px */}
table.browseTable td a:link,
table.browseTable td a:visited {
	text-decoration:none; font-weight:bold;}
table.browseTable td a:active,
table.browseTable td a:hover {
	text-decoration:underline;}
table.browseTable a.letter {
	font-size: 1.5em; line-height:1.5em;}

/* SPOTLIGHTS */
div.spotlight .title {
	font-family:"Trebuchet MS", Arial, sans-serif; font-weight:bold;
	font-size: 0.875em; /* 16x0.875=14px */
	line-height: 1.1em;}
div.spotlight .title a:link,
div.spotlight .title a:visited {color:#000; text-decoration:none;}
div.spotlight .title a:active,
div.spotlight .title a:hover {color:#0000FF; text-decoration:underline;}

/* LISTS */
ul li {
	list-style-position:outside;
	list-style-type:square;
	list-style-image:url(../../images/embellishments/bullet_gray.gif);}

/* DATA TABLES */
table.dataTable {width:100%; padding:0; margin:0; border:0; border-top: 1px solid #CCC; border-collapse:collapse; text-align:left;}
table.dataTable th,
table.dataTable td {border-bottom:1px solid #CCC; padding: 2px 3px; margin:0;}
table.dataTable tr.tr:hover,
table.dataTable tr.trHover {background-color:#DEEAA3;}
td.radioButtonOptions {background-color:#FFF; white-space:nowrap;}
table.dataTable .details {font-size: 0.6875em; line-height: 1.2em;}

/* EMAIL LINKS */
a.emailLink:link, a.emailLink:visited {
	text-decoration:none; padding: 0 17px 0 0; 
	background: transparent url(../../images/embellishments/icon_email.gif) no-repeat right;}
a.emailLink:active, a.emailLink:hover {
	text-decoration:underline; padding: 0 17px 0 0; 
	background: transparent url(../../images/embellishments/icon_email_hover.gif) no-repeat right;}

/* DOCUMENT TYPE LINKS */
a.docLink:link, a.docLink:visited {
	text-decoration:none; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_DOC.gif) no-repeat right;}
a.docLink:active, a.docLink:hover {
	text-decoration:underline; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_DOC.gif) no-repeat right;}
a.xlsLink:link, a.xlsLink:visited {
	text-decoration:none; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_XLS.gif) no-repeat right;}
a.xlsLink:active, a.xlsLink:hover {
	text-decoration:underline; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_XLS.gif) no-repeat right;}
a.pptLink:link, a.pptLink:visited {
	text-decoration:none; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_PPT.gif) no-repeat right;}
a.pptLink:active, a.pptLink:hover {
	text-decoration:underline; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_PPT.gif) no-repeat right;}
a.pdfLink:link, a.pdfLink:visited {
	text-decoration:none; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_PDF.gif) no-repeat right;}
a.pdfLink:active, a.pdfLink:hover {
	text-decoration:underline; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_PDF.gif) no-repeat right;}
a.psdLink:link, a.psdLink:visited {
	text-decoration:none; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_PSD.gif) no-repeat right;}
a.psdLink:active, a.psdLink:hover {
	text-decoration:underline; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_PSD.gif) no-repeat right;}
a.gifLink:link, a.gifLink:visited {
	text-decoration:none; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_GIF.gif) no-repeat right;}
a.gifLink:active, a.gifLink:hover {
	text-decoration:underline; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_GIF.gif) no-repeat right;}
a.jpgLink:link, a.jpgLink:visited {
	text-decoration:none; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_JPG.gif) no-repeat right;}
a.jpgLink:active, a.jpgLink:hover {
	text-decoration:underline; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_JPG.gif) no-repeat right;}
a.imgLink:link, a.imgLink:visited {
	text-decoration:none; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_IMG.gif) no-repeat right;}
a.imgLink:active, a.imgLink:hover {
	text-decoration:underline; padding: 1px 19px 1px 0; 
	background: transparent url(../../images/embellishments/icon_IMG.gif) no-repeat right;}

/* OPENS IN A NEW WINDOW LINKS */
a.newWindowLink:link, a.newWindowLink:visited {
	text-decoration:none; padding-right:14px; 
	background: transparent url(../../images/embellishments/icon_newWindow_off.gif) no-repeat right;}
a.newWindowLink:active, a.newWindowLink:hover {
	text-decoration:underline; padding-right:14px; 
	background: transparent url(../../images/embellishments/icon_newWindow_hover.gif) no-repeat right;}

/* BOARD OF DIRECTORS TABLE */
table.board {border-top:none;}
table.board th {padding-top:12px;}
table.board td {padding-left:20px;}
body.bodyBoard table.board td,
body.bodyBoard table.dataTable td {
	width:50%;}

/* FORM ELEMENTS */
table.formTable {width:100%; padding:0; margin:0; border:0; border-collapse:collapse; text-align:left;}
table.formTable th {padding: 2px 3px; margin:0; text-align:left;}
table.formTable td {padding: 2px 3px; margin:0; text-align:left;}
table.contactTable {width:auto;}
body.bodyContact table.contactTable {margin-left:20px;}
table.contactTable th {text-align:right;}
table.contactTable td {text-align:left;}
body.bodyContact #name,
body.bodyContact #email,
body.bodyContact #subject,
body.bodyContact #message {width:400px;}
body.bodyContact #message {height:150px;}
table.contactTable .textbox,
table.contactTable textarea {margin-right:7px;}
table.creditCardTable {border:0;}
table.creditCardTable th {text-align:right; border:0;}
table.creditCardTable td {border:0;}
body.bodyArtists #keyword,
body.bodyArtists #media,
body.bodyArtists #lastname,
body.bodyArtists #firstname {width:400px;}
body.bodyNews #Email,
body.bodyNews #NameFirst,
body.bodyNews #NameLast {width:300px;}

select,
.textbox {
	border: 1px solid #999; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:1em;
	color:#330066; text-decoration:none;}
.button {
	border: 2px solid #A43F97; background-color:#dcb3d7; padding:3px; margin: 3px 6px 3px 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold;
	color:#000; text-decoration:none;}
.buttonCancel {
	border: 2px solid #A43F97; background-color:#dcb3d7; padding:3px; margin: 3px 6px 3px 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal;
	color:#000; text-decoration:none;}
.button:hover,
.buttonCancel:hover {
	background-color:#A43F97; color:#FFF; text-decoration:none;}
a.button, a.button:visited {
	color:#000; text-decoration:none;}
a.button:active, a.button:hover {
	background-color:#A43F97; color:#FFF; text-decoration:none;}

/* for "livevalidation_standalone.js" used in the Contact form */
.LV_invalid {
	color:#FF0000; vertical-align:top; font-size:0.9em;}

/* TEXT */
.photoCredit {
	font-size:0.7em; color:#444; font-style:italic;}