/* This is the master style sheet for the entire web site. All of the main pages should reference to it.  */
/* Changes made to this file will be effective in every page of the site.                                 */


/* ----- General page layout ----- */

body
{
   background-color: #ffffff;
   margin: 0px;
   padding: 0px;
   font-family: Arial, Helvetica, Times New Roman; /* originally Trebuche, Tahoma, sans-serif*/
   font-size: 12pt;
   color: #676767;            /* Default font for entire page, should it be required */
}

.standard_page_text
{
   font: 12pt Arial, Helvetica, Times New Roman;
}

.home_title
{
   font: 12pt Arial, Helvetica, Times New Roman;
}

.bigger_page_text
{
   font: 14pt Arial, Helvetica, Times New Roman;
}

.standard_page_text_serif
{
   font: 12pt Thorndale, Times, "Times New Roman", Roman, serif;
}

h1 { font-size: 20pt; }
h2 { font-size: 18pt; }
h3 { font-size: 16pt; }
h4 { font-size: 14pt; }

h1.decorated
{
   font-size: 24pt;
   font-family: Thorndale, Times, "Times New Roman", Roman, serif;
   font-style: italic;
   font-weight: normal;
}

h2.decorated
{
   font-size: 20pt;
   font-family: Thorndale, Times, "Times New Roman", Roman, serif;
   font-style: italic;
   font-weight: normal;
}

h3.decorated
{
   font-size: 18pt;
   font-family: Thorndale, Times, "Times New Roman", Roman, serif;
   font-style: italic;
   font-weight: normal;
}

h4.decorated
{
   font-size: 16pt;
   font-family: Thorndale, Times, "Times New Roman", Roman, serif;
   font-style: italic;
   font-weight: normal;
}

h5.decorated
{
   font-size: 14pt;
   font-family: Thorndale, Times, "Times New Roman", Roman, serif;
   font-style: italic;
   font-weight: normal;
}


/* The whole page is made up of 3 divs: header, page, and footer. */

div.main_page_header
{
   background-color: #ffffff; /* #cccc55; */
   height: 64px;
   width: 100%;
   margin: 0px;
   padding: 0px;
}

div.main_page
{
   background-color: #ffffff;
   margin: 0px;
   padding: 0px;
}

div.main_page_footer
{
   background-color: #e8e8e8;
   border-top: none; /* 1px solid #cccccc; */
   margin: 0px;
   padding: 0px;
   text-align: center;
   font-size: 7pt;
}

.sans_serif_text
{
   font-family: Arial, Helvetica, Times New Roman;
}

.serif_text
{
   font-family: Thorndale, Times, "Times New Roman", Roman, serif;
}


.centered
{
   text-align: center;
}

.right
{
   text-align: right;
}

.left
{
   text-align: left;
}

.underlined
{
   text-decoration: underline;
}

.huge_text
{
   font-size: 22pt;
}

.large_text
{
   font-size: 18pt;
}

.regular_text
{
   font-size: 12pt;
}

.small_text
{
   font-size: 10pt;
}

.tiny_text
{
   font-size: 8pt;
}


div.text_area_85
{
   width: 85%;
   padding: 0px;
   margin: 0px;
}


img.no_whitespace      /* used to compensate for the IE bug, where white space is shown underneath the image */
{
  white-space: nowrap;
  display: block;
}


div.box_area_light
{
   width: 80%;
   padding: 8px;
   margin: 0px;
   background-color: #f0f0f0;
   border: none;  /* 1px solid #676767; */
}

.width_80
{
   width: 80%;
}

.width_664
{
   width: 664px;
}


div.artist_info_box
{
   position: relative;
   left: 8px;
   width: 664px;
   padding: 8px;
   margin: 0px;
   border: none;  /* 1px solid #676767; */
}


/* ----- Header ----- */

/* The header is made up of 3 table cells */

table.header_layout
{
   border: 0px;
   margin: 0px;
   padding: 0px;
}

td.header_left_spacer         /* Blank white left cell (above left links column) */
{
   border: 0px;
   margin: 0px;
   padding: 0px;
   width: 220px;
   background-color: #ffffff;
}

td.header_center_spacer       /* Middle cell contains colour blend jpg, stretched according to browser window size */
{
   border: 0px;
   margin: 0px;
   padding: 0px;
   width: auto;
}

td.header_right_logo          /* Right cell contains the miniature painted logo, with left hand edge blend */
{
   border: 0px;
   margin: 0px;
   padding: 0px;
   width: 208px;
}


/* ----- Main page ----- */

/* The main page area is made up of 2 table cells: a left links column, and the main page on the right. */

td.main_page_left_column
{
   width: 280px;
   background-color: #ffffff;
   margin: 0px;
   padding: 0px;
}


td.main_page_right_column
{
   width: auto;
   border-top: none; /* 1px solid #676767; */
   border-left: none; /* 1px solid #676767; */
   background-color: #f0f0f0;
   margin: 0px;
   padding: 15px;
   vertical-align: top;
}

table.home_page_layout
{
   border: none;
   background-color: #f0f0f0;
}


td.home_page_left
{
   text-align: left;
   vertical-align: top;
   border: none;
   background-color: #f0f0f0;
}


td.home_page_right
{
   width: 200px;
   text-align: center;
   vertical-align: top;
   border: none;
   background-color: #f0f0f0;
}


table.gallery_layout
{
   border: none;
   background-color: #f0f0f0;
}

table.gallery_layout td
{
   width: 400px;
   padding: 20px 0px 20px 0px;
   margin: 0px;
   vertical-align: top;
   border-bottom: 2px solid #dddddd;
   background-color: #f0f0f0;
}


div.gallery_picture_name
{
   padding: 0px;
   margin: 0px;
   font: 10pt Arial, Helvetica, Times New Roman;
   color: #676767;
}


div.small_logo_left_container
{
   background-color: #ffffff;
   height: 160px;
   text-align: left;
}


img.small_logo_left
{
   border: none;
   padding: 10px 5px 0px 25px;
   width: 208px;
   height: 100px;
}


div.left_menu_link_field  /* fixed sizes so that all the links don't shift up and down with font size change on mouseover */
{
   padding: 0.5em 0px 0.5em 25px;
   margin: 0px 0px 0px 0px;
   font: 16pt Arial, Helvetica, Times New Roman;
   text-align: left;
}

a.left_menu_link
{  
   text-decoration: none;
   color: #676767;
}

a.left_menu_link:hover
{
   color: #000000;
}


div.left_menu_bottom_spacer  /* ensures that whole page (including right column) is not too short in height if it is quite empty */
{
   height: 16em;
   padding: 0px;
   margin: 0px;
   font: 16pt;
}


div.sub_menu_holder
{
   display: none;
}

div.left_menu_sub_link_field
{
   padding: 0.2em 0px 0.2em 35px;
   margin: 0px 0px 0px 0px;
   font: 14pt Arial, Helvetica, Times New Roman;
   text-align: left;
}

a.left_menu_sub_link
{  
   text-decoration: none;
   color: #676767;
}

a.left_menu_sub_link:hover
{
   color: #000000;
}


/* The fake menu "link" that refers to the page already being displayed */

div.left_menu_current_page_field
{
   width: 255px;
   padding: 0.5em 0px 0.5em 25px;
   margin: 0px 0px 0px 0px;
   font: 16pt Arial, Helvetica, Times New Roman;
   text-align: left;
   background-color: #f0f0f0;
   border-bottom: none; /* 1px solid #676767; */
   border-top: none; /* 1px solid #676767; */
}

span.left_menu_current_page_fake_link
{
   font: 16pt Arial, Helvetica, Times New Roman;
   color: #000000;
}


div.left_sub_menu_current_page_field
{
   padding: 0.2em 0px 0.2em 35px;
   margin: 0px 0px 0px 0px;
   font: 14pt Arial, Helvetica, Times New Roman;
   text-align: left;
   background-color: #f0f0f0;
   border-bottom: none; /* 1px solid #676767; */
   border-top: none; /* 1px solid #676767; */
}

span.left_sub_menu_current_page_fake_link
{
   font: 14pt Arial, Helvetica, Times New Roman;
   color: #000000;
}

div.feature
{
   border: none;  /* 1px solid #676767; */
   width: 190px;
   margin: 6px;
   padding: 0px;
   text-align: center;
}

img.thumbnail
{
   border: none;
   margin: 0px;
   padding: 0px;
}

table.thumbnails td
{
   width: 220px;
   margin: 0px;
   padding: 0px;
   border: none;  /* 1px solid #676767; */
   background-color: #f0f0f0;
   text-align: center;
   vertical-align: top;
}


table.thumbnail_container
{
   margin: 0px;
   padding: 0px;
   border: none;
   background-color: #ffffff;
}

table.thumbnail_container td
{
   height: 170px;
   margin: 0px;
   padding: 0px;
   text-align: center;
   vertical-align: middle;
   border: none;
   background-color: #ffffff;
}

div.thumbnail_text
{
   padding: 4px;
   font: 9pt Arial, Helvetica, Times New Roman;
   color: #676767;
}


table.featured_picture_container
{
   margin: 0px;
   padding: 0px;
   border: none;
   background-color: #f0f0f0;
}

table.featured_picture_container td
{
   margin: 0px;
   padding: 0px;
   text-align: center;
   vertical-align: middle;
   border: none;
}



/* "standard" links that don't need to be prominent */

a.external_link
{  
   text-decoration: none;
   color: #676767;
   font-size: 10pt;
}

a.external_link:hover
{
   text-decoration: underline;
}

a.external_link:visited
{
   color: #676767;
}



a.footer_external_link
{  
   text-decoration: none;
   color: #676767;
}

a.footer_external_link:hover
{  
   text-decoration: underline;
}

a.footer_external_link:visited
{  
   color: #676767;
}



a.link_keep_text_settings
{  
   text-decoration: none;
   color: #676767;
}

a.link_keep_text_settings:hover
{
   text-decoration: underline;
   color: #000000;
}

a.link_keep_text_settings:visited
{
   color: #676767;
}


a.link_button_link
{  
   text-decoration: none;
   color: #676767;
}

a.link_button_link:hover
{
   color: #000000;
}

a.link_button_link:visited
{
   text-decoration: none;
}


div.link_button_active
{
  width: 3em;
  height: 1.2em;
  margin: 0px;
  padding: 2px;
  text-align: center;
  border: none;  /* 1px solid #676767; */
  font-size: 10pt;
  font-weight: bold;
  background-color: #f0f0f0;
}


div.link_button_inactive
{
  width: 3em;
  height: 1.2em;
  margin: 0px;
  padding: 2px;
  text-align: center;
  border: none; /* 1px solid #dddddd; */
  color: #c0c0c0;
  font-size: 10pt;
  font-weight: bold;
  background-color: #f0f0f0;
}


div.footer_content_container
{
   height: 3em;
   margin: 0px;
   padding: 5px;
}


div.message_form
{
  width: auto;
  margin: 0px;
  padding: 5px;
  border: 1px solid #000000;
  background-color: #ffffbb;
  font-size: 11pt;
}


/* The following section is only used in the pop-up window that displays the images larger */


td.popup_image_left_column
{
   width: 190px;
   margin: 0px;
   padding: 0px 0px 10px 10px;
   background-color: #ffffff;
}


td.popup_image_right_column
{
   margin: 0px;
   padding: 10px;
   background-color: #ffffff;
   vertical-align: top;
}


table.popup_image_table td
{
   width: 604px;
   height: 604px;
   margin: 0px;
   padding: 0px;
   text-align: center;
   vertical-align: middle;
   border: none;
   background-color: #ffffff;
}


img.popup_image_small_logo_left
{
   border: none;
   padding: 10px;
   width: 130px;
   height: 60px; 
}


div.popup_image_menu_link_field  /* fixed sizes so that all the links don't shift up and down with font size change on mouseover */
{
   padding: 0px 0px 20px 0px;
   margin: 0px 0px 0px 0px;
   font: 10pt Arial, Helvetica, Times New Roman;
   text-align: left;
}


div.popup_image_menu_spacer
{
   width: 100%;
   height: 20px;
   padding: 0px;
   margin: 0px;
}


a.popup_image_menu_link
{  
   text-decoration: none;
   color: #676767;
}

a.popup_image_menu_link:hover
{
   color: #000000;
}

a.popup_image_menu_link:visited
{
   text-decoration: none;
}


div.picture_info
{
   margin: 0px;
   padding: 5px;
   font: 10pt Arial, Helvetica, Times New Roman;
   color: #676767;
   background-color: #f0f0f0;
   border: none;  /* 1px solid #676767; */
}


/* End of pop-up window section */