/**
 * Popup CSS Stylesheet
 */

/* Global Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/* Generic Shared Site Elements */
body {background: #E0E0E0; font: normal 11pt Arial, Helvetica, sans-serif; color:#000000;}
a img {border: none;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: normal; letter-spacing: -2px; line-height: 20pt; color: #595959;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; line-height: 14pt; color: #595959;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; line-height: 14pt; color: #8B0005;}
.left {float: left;}
.right {float: right;}
.clearBoth{clear: both;}
.clearLeft{clear: left;}
.clearRight{clear: right;}
.screenOnly{display: inline;}
.printOnly{display: none;}
.noShow{display: none;}

h1, h2, #logo #logoWelcome, #logo #logoHome, #hNav p, #vNav p {
  text-transform: uppercase;
} 

/* */

#container {
  margin: 0 auto;
  width: 990px;
  height: auto;
  padding-bottom: 30px;
  background: #FFFFFF url('../images/bg.jpg') no-repeat top left; 
  font: normal 11pt Arial, Helvetica, sans-serif; 
  color:#000000;
}

#mainContentBackground {
  float: left;
  margin: 15px 0 20px 5px;
  width: 800px;
  height: 750px;
  background: url('../images/overlay.png') repeat top left;
  border: 1px solid #666666;
}

#mailinglistpage #mainContentBackground {
  height: 1050px;
}

#contactpage #mainContentBackground {
  height: 1170px;
}

#mainContentOverlay {
  width: 765px;
  margin: 15px;
  overflow: auto;  
}

#homepage #mainContentOverlay {
  height: 710px;
}

#whatsnewpage #mainContentOverlay {
  height: 620px;
}

#currentexhibitionspage #mainContentOverlay, #exhibitionspage #mainContentOverlay, #contactpage #mainContentOverlay, #aboutuspage #mainContentOverlay, #servicespage #mainContentOverlay, #publicationspage #mainContentOverlay, #artistspage #mainContentOverlay, #artistdetailspage #mainContentOverlay, #forsalepage #mainContentOverlay, #searchresultspage #mainContentOverlay {
  height: 670px;
}

#mailinglistpage #mainContentOverlay {
  height: 980px;
}

#contactpage #mainContentOverlay {
  height: 1100px;
}

#mainPageHeader {
  font-size: 13pt;
  color: #666666;
  margin: 15px;
}

#whatsnewpage #mainPageHeader {
  height: 70px;
}

#currentexhibitionspage  #mainPageHeader, #exhibitionspage  #mainPageHeader, #aboutuspage  #mainPageHeader, #servicespage  #mainPageHeader, #mailinglistpage  #mainPageHeader, #publicationspage  #mainPageHeader, #artistspage  #mainPageHeader, #contactpage  #mainPageHeader, #forsalepage  #mainPageHeader, #searchresultspage #mainPageHeader {
  height: 30px;
}

#mainContentContainer {
  width: 735px;
}

#logo {
  float: left;
  margin: 27px 0 0 13px;
  width: 197px;
  height: 104px;
  background: url('../images/logo_back.jpg') no-repeat top left;
  color: #FFFFFF;
}

#logo a {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 197px;
  height: 104px;
  color: #FFFFFF;
  text-decoration: none;
}

#logo #logoWelcome, #logo #logoHome {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

#logo #logoWelcome {
  padding: 10px 0 0 10px;
}

#logo #logoName {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 22pt;
  font-weight: bold;  
  padding: 5px 0 0 18px;
}

#logo #logoHome {
  padding: 5px 0 0 140px;
}

#hNav, #vNav {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt; 
}

#hNav span, #vNav span {
  font-size: 10pt;
  text-transform: none;  
}

#hNav {
  text-align: right;
}

#vNav {
  clear: both;
  float:left;
  width: 166px;
  text-align: center;
}

#hNav p {
  padding: 28px 10px 0 0;
}

#vNav #whatsnew p, #vNav #forsale p, #vNav #publications p, #vNav #exhibitions p {
  padding: 18px 0 0 0;
}

#vNav #artists p {
  padding: 8px 0 0 0;
}

#hNav #aboutus, #hNav #services, #hNav #contact, #hNav #join {
  float: left;
  margin: 59px 0 0 15px;
  width: 151px;
  height: 72px;
  background: url('../images/btn_back.jpg') no-repeat top left;
}

#vNav #whatsnew, #vNav #artists, #vNav #forsale, #vNav #exhibitions, #vNav #publications {
  margin: 15px 0 0 13px;
  width: 151px;
  height: 72px;
  background: url('../images/btn_back.jpg') no-repeat top left;
}

#hNav #aboutus:hover, #hNav #services:hover, #hNav #contact:hover, #hNav #join:hover, #vNav #whatsnew:hover, #vNav #artists:hover, #vNav #forsale:hover, #vNav #exhibitions:hover, #vNav #publications:hover {
  cursor: pointer;
  background: url('../images/btn_back_hover.jpg') no-repeat top left;
}

#hNav #aboutus a, #hNav #services a, #hNav #contact a, #hNav #join a, #vNav #whatsnew a, #vNav #artists a, #vNav #forsale a, #vNav #exhibitions a, #vNav #publications a {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 151px;
  height: 72px;
  color: #FFFFFF;
  text-decoration: none;
}

#contentNextMonthExhibition {
  clear: both;
  padding-top: 15px;
}

.exhibImage {
  float: left;
  width: 368px;
  padding-right: 10px;
  text-align: center;
}

#contentThisMonthExhibition .exhibImage img {
  border: 4px solid #000000;
  max-height: 300px;
}

#contentNextMonthExhibition .exhibImage img {
  border: 4px solid #000000;
  max-width: 280px;
}

#contentThisMonthExhibition .exhibImage img:hover, #contentNextMonthExhibition .exhibImage img:hover {
  border-color: #8B0005;
}

.exhibText {
  float:right;                
  width: 330px;
  text-align:justify;
  line-height: 16pt; 
}

#exhibTextFooter {
  clear: both;
  padding-top: 15px;
  font-weight: bold;
  font-size: 12pt;
  text-align: center;
  color: #999999;
}

#homepage .more {
  width: 330px;
  margin-top: 15px;
  padding: 3px;
  text-align: right;
}

#exhibitionspage .more {
  width: 100%;
  margin: 15px 0 15px 0;
  padding: 3px;
  text-align: right;
}

#homepage .more a, #exhibitionspage .more a {
  padding: 5px;
  background-color: #DDDDDD;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}

#homepage .more a:hover, #exhibitionspage .more a:hover {
  background-color: #8B0005;
  color: #FFFFFF;
  text-decoration: none;
}

#footer {
  clear: both;
  width: 100%;
  height: 30px;
  margin-bottom: 30px;
  padding-top: 10px;
  background-color: #D0D0D0;
  color: #666666;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

#exhibitionDescription, #artistDetailsDescription {
  width:250px;
  float: left;
  background-color: #D0D0D0;
  border: 1px dotted #000000;
  padding: 10px;
}

#exhibitionNotes, #artistDetailsNotes {
  margin: 10px 0 10px 0;
}

#exhibitionNotes p, #artistDetailsNotes p {
  margin: 0 0 15px 0;
}

#exhibitionNotesFooter, #artistDetailsNotesFooter {
  margin-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight:bold;
}

.sortbar {
  float:right;
  margin-left: 15px;
  margin-bottom: 15px;
  font-size: 9pt;
  font-weight: bold;
  color: #666666;
}

.sortbar a {
  color: #8B0005;
  text-decoration: none;
}

.sortbar a:hover {
  color: #666666;
  text-decoration: none;
}

#exhibitionThumbs, #artistDetailsThumbs {
  float: left;
  width: 460px;
  height: 670px;
}

.exhibitionThumbsRow, .artistDetailsThumbsRow {
  float: left;
  width: 423px;
  margin-left: 15px;
  margin-bottom: 15px;
}

.exhibitionThumb, .artistDetailsThumb  {
  float: left;
  width: 126px;
  margin-left: 8px;
  margin-right: 7px;
  text-align: center;
}

.exhibitionImageContainer, .artistDetailsImageContainer {
}

.exhibitionThumb img, .artistDetailsThumb img {
  max-width: 122px;
  max-height: 122px;
  border: 2px solid #000000;
}

.exhibitionThumb img:hover, .artistDetailsThumb img:hover {
  border: 2px solid #8B0005;
}

.exhibitionThumbText, .artistDetailsThumbText {
  margin-top: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  text-align: center;
}

#searchThumbs {
  float: left;
  width: 740px;
  height: 600px;
}

.searchThumbsRow {
  float: left;
  width: 730px;
  margin-left: 15px;
  margin-bottom: 15px;
}

.searchThumb {
  float: left;
  width: 126px;
  margin-left: 8px;
  margin-right: 7px;
  text-align: center;
}

.searchImageContainer {
}

.searchThumb img {
  max-width: 122px;
  max-height: 122px;
  border: 2px solid #000000;
}

.searchThumb img:hover {
  border: 2px solid #8B0005;
}

.searchThumbText {
  margin-top: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  text-align: center;
}

#whatsnewThumbs {
  float: left;
  width: 740px;
  height: 411px;
}

.whatsnewThumbsRow {
  float: left;
  width: 730px;
  height: 180px;
  margin-left: 15px;
  margin-bottom: 15px;
}

.whatsnewThumb {
  float: left;
  width: 126px;
  height: 180px;
  margin-right: 15px;
  text-align: center;
}

.whatsnewImageContainer {
  height: 126px;
}

.whatsnewThumb img {
  max-width: 122px;
  max-height: 122px;
  border: 2px solid #000000;
}

.whatsnewThumb img:hover {
  border: 2px solid #8B0005;
}

.whatsnewThumb p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  text-align: center;
}

#pastexhibitions {
  float: left;
  width: 740px;
}

.pastexhibitionsThumbsRow {
  float: left;
  width: 730px;
}

.pastexhibitionsThumb {
  float: left;
  width: 126px;
  height: 166px;
  margin: 0 15px 15px 0;
  text-align: center;
}

.pastexhibitionsThumb img {
  border: 2px solid #000000;
}

.pastexhibitionsThumb img:hover {
  border: 2px solid #8B0005;
}

.pastexhibitionsText {
  margin-bottom: 15px;
}

.pastexhibitionsText h1 {
  text-transform: none;
  margin: 0 0 10px 0;
}

.pastexhibitionsText .exhibitionDate {
  font-size: 13pt;
}

/* Form elements */
.formContainer {
  margin-top: 15px;
}

.formContainerSale {
  margin-bottom: 15px;
  padding: 10px;
  border: 1px dotted #000000;
  background-color: #8B0005;
  color: #FFFFFF;
}

.formContainerSale select {
  font-size: 10px;
}

.formContainerSale .inputLabel {
  font-weight: bold;
  font-size: 10pt;
  height: 16px;
}

.formContainerSale .inputRow {
  display: block;
  float: left;
}

fieldset {
  float: left;
  margin-right: 20px;
  border: 1px solid #D0D0D0;
  width: 300px;
  padding: 10px 5px 10px 5px;
  font-size: 10pt;
}

legend {
  margin-left: 10px;
  font-weight: bold;
  font-style: italic;
}

input, textarea {
  border: 1px solid #D0D0D0;
  background-color: #FFFFFF;
  font-size: 9pt;
  width: 200px;
  font: normal 9pt Arial, Helvetica, sans-serif; color:#000000;
}

input {
  height: 16px;
}

.checkbox {
  width: 30px;
  border: 0px none;
  background-color: transparent;
  margin: 2px;
}

.submit, .submit:focus {
  width: auto;
  height: auto;
  font-weight: bold;
  border: 2px solid #666666;
  background-color: #FFFFFF;
  padding: 5px;
}

.submit:hover {
  border: 2px solid #666666;
  background-color: #8B0005;
  color: #FFFFFF;
}

textarea {
  height: 100px;
  vertical-align: top;
}

.message {
  width: 400px;
  height: 150px;
}

input:focus, textarea:focus, .sffocus {
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
}

.formContainer .inputRow {
  clear: both;
  width: 630px;
}

.inputFieldset {
  clear: both;
  padding-top: 10px;
}

.formContainer .inputLabel {
  float: left;
  width: 200px;
  font-weight: bold;
  font-size: 10pt;
  height: 16px;
}

.inputContainer {
  border: 2px solid transparent;
  background-color: transparent;
  float: left;  
}

.inputContainerFocus {
  border: 2px solid #8B0005;
  background-color: transparent;
  float: left;
}

/* About us elements */
#aboutuspage, #servicespage {
  text-align: justify;
}

#aboutuspage ul li, #servicespage ul li {
  padding: 5px 0 5px 0;
  margin-left: 30px;
  list-style-type: disc;
}

#artistspage #mainContentContainer a, #artistdetailspage #mainContentContainer a, #servicespage #mainContentContainer a, #aboutuspage #mainContentContainer a, #forsalepage #mainContentContainer a, #currentexhibitionspage #mainContentContainer a {
  color: #8B0005;
  text-decoration: none;
}

#artistspage #mainContentContainer a:hover, #artistdetailspage #mainContentContainer a:hover, #servicespage #mainContentContainer a:hover, #aboutuspage #mainContentContainer a:hover, #forsalepage #mainContentContainer a:hover, #currentexhibitionspage #mainContentContainer a:hover {
  color: #595959;
  text-decoration: none;
}

#artistspage #artistsRow {
  clear: both;
  margin-bottom: 30px;
}

#artistspage #artistsInitial {
  float: left;
}

#artistspage #artistsLink {
  margin-left: 20px;
}

#artistdetailspage h1, #servicespage h2, #aboutuspage h2, #searchresultspage h2 {
  text-transform: none;
}

.status1 {
  padding: 3px;
  margin-bottom: 2px;
  font-weight: bold;
  border: 1px dotted #666666;
  background-color: #527F3F;
  color: #FFFFFF;
}

.status2 {
  padding: 3px;
  margin-bottom: 2px;
  font-weight: normal;
  border: 1px dotted #666666;
  background-color: #FFFFFF;
}

.status3 {
  padding: 3px;
  margin-bottom: 2px;
  font-weight: normal;
  border: 1px dotted #666666;
  background-color: #8B0005;
  color: #FFFFFF;
}

.imageNA {
  text-align: center;
  height: 60px;
  padding: 15px 0 5px 0;
  font-weight: normal;
  font-size: 10pt;
  border: 1px dotted #666666;
  background-color: #FFFFFF;
}

#aboutusPhotos {
  float: right;
}

.aboutusPhotoHolder {
  margin-left: 10px; 
  margin-bottom: 10px;
  text-align:right;
  font-size:8pt;
  font-weight:bold;
}

.aboutusPhotoHolder img {
  border: 2px solid #8B0005;
}

#aboutusPhotos1 {
  margin-left: 100px;
}

.aboutusPhotoHolder1 {
  float:left;
  margin-left: 10px; 
  text-align:center;
  font-size:8pt;
  font-weight:bold;
}

.aboutusPhotoHolder1 img {
  border: 2px solid #8B0005;
}

.alphaIndex {
  float: right;
  text-align: right;
}

.returnLink {
  float: right;
  text-align: right;
}

.forsalelink {
  color: #FFFFFF !important;
}