/* General body style for all pages*/
body { background: #F6F6F6; font-family: arial, verdana; font-size: 14px; color: #505050l; }

/* Set the height of the body for the index page, otherwise IE won't put in scroll bars if the window is too small */
body.index { height: 640px }

/* Generic link style */
a { color:#3D5891; text-decoration: none; }
a:hover { color: #6D88B1; text-decoration:none; }

/* Table styles to align text top and to the right (where appropriate)*/
td {vertical-align: top}
td.contactleft { width: 320px; text-align:right }

/* remove borders from all images*/
img
{ 
border: 0px;
}

/* Style for the contact menu */
table.contact
{
position: relative;
/*top: 60px;*/
margin: 0px;
padding: 0px;
}

/* ------------------------------------------------------------------------------------------------ */
/* Style for full-size photos in gallery and exhibition */

/* Menu style. */
div.menu ul
{
position: relative;
top: 140px;
margin: 0px;
font-size: 15px;
list-style-type: none;
text-align: center;
background-color: #C8E8F8;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 8px solid #F6F6F6;
border-top: 8px solid #F6F6F6;
}

/* Style for each item in the menu */
div.menu ul li 
{
display: inline;
text-align: center;
margin: 0px 40px 0px 0px;
}

/* Style for the links (anchors) within the list */
div.menu ul li a
{
text-decoration: none;
background-color: #C8E8F8;
color: #505050;
padding:10px 30px 10px 30px;
}

/* Style for the links when the mouse is over them */
div.menu ul li a:hover
{
background-color:#70B8F0;
color: #F9F9F9;
border-bottom: 8px solid #C8E8F8;
border-top: 8px solid #C8E8F8;
padding:10px 30px 10px 30px;
}

/* Style to distinguish current page in menus */
li.current
{
padding: 8px 30px 8px 30px;
text-align: center;
background-color: #B0D0E0;
color: #F9F9F9;
}

/* ------------------------------------------------------------------------------------------------ */
/* Header menu style. */
div.headermenu ul
{
position: relative;
top: 0px;
margin: 0px;
font-size: 12px;
list-style-type: none;
text-align: center;
background-color: #C8E8F8;
padding-top: 8px;
padding-bottom: 8px;
border-bottom: 6px solid #F6F6F6;
}

/* Style for each item in the menu */
div.headermenu ul li 
{
display: inline;
text-align: center;
margin: 0px 0px 0px -3px;
}

/* Style for the links (anchors) within the list */
div.headermenu ul li a
{
text-decoration: none;
background-color: #C8E8F8;
color: #505050;
padding: 8px 40px 8px 40px;
}

/* Style for the links when the mouse is over them */
div.headermenu ul a:hover
{
background-color: #70B8F0;
color: #F9F9F9;
border-bottom: 6px solid #C8E8F8;
border-top: 0px solid #C8E8F8;
padding: 8px 40px 8px 40px;
}

/* ------------------------------------------------------------------------------------------------ */
/* Photo prev/next menu style. */
div.photomenu ul
{
position: relative;
/*top: 100px;*/
margin: 0px;
list-style-type: none;
text-align: center;
background-color: #C8D8A8;
width:auto;
margin-right: auto;
margin-left: auto;
font-size: 11px;
padding-top: 6px;
padding-bottom: 6px;
border-top: 5px solid #F6F6F6;
border-bottom: 5px solid #F6F6F6;
}

/* Style for each item in the menu */
div.photomenu ul li 
{
display: inline;
text-align: center;
color: #808080;
margin: 0px 40px 0px 40px;
width: 50%;
}

/* Style for the links (anchors) within the list */
div.photomenu ul li a
{
text-decoration: none;
background-color: #C8D8A8;
color: #505050;
padding-left: 20px;
padding-right: 20px;
padding: 6px 20px 6px 20px;
}

/* Style for the links when the mouse is over them */
div.photomenu ul a:hover
{
background-color:#A8B888;
color: #F9F9F9;
padding: 6px 20px 6px 20px;
border-top: 5px solid #C8D8A8;
border-bottom: 5px solid #C8D8A8;
}

/* ------------------------------------------------------------------------------------------------ */
/** Copyright information */
div.copyright
{
font-size: 10px;
position:relative;
top: 80px;
text-align: center;
}

/* ------------------------------------------------------------------------------------------------ */
/* Style for centering the 2 columns of full-size image and info in the gallery */
div.gallerylarge
{
width:800px;
height: 512px;
margin-right:auto;
margin-left:auto;
margin-top:30px;
margin-bottom: 30px;
padding:0px;
text-align:left;
}

/* Style for the main gallery image column */
div.galleryimage
{
width:512px;
padding:0px;
float:left;
border: 0px solid #808080;
padding: 4px;
}

/* Style for the column containing the info card */
div.galleryinfo
{
width:200px;
padding:0px;
float:left;
margin-top: 0px;
margin-left: 40px;
}

/* Style for the gallery info card next to the main images */
p.galleryinfo
{
display: block;
padding: 20px;
border: 1px solid #D8D8D8;
color:#505050;
background-color:#EFF0F0;
font-size: 12px;
text-align: right;
}

/* ------------------------------------------------------------------------------------------------ */
/* Header style for the main page title*/
img.maintitle
{
position: relative;
top: 50px;
margin-left:auto;
margin-right:auto;
}

/* Header style for the main page image*/
img.mainpicture
{
margin-left:auto;
margin-right:auto;
position: relative;
top: 80px;
}

/* ------------------------------------------------------------------------------------------------ */
/* Style for the exhibition section and other text blocks*/
div.textblock
{
width: 700px;
margin-left: auto;
margin-right: auto;
background: #EFF0F0;
padding: 20px;
position: relative;
top: 40px;
border: 1px solid #D8D8D8;
}

/* Style for the exhibition section and other text blocks*/
div.contactblock
{
width: 700px;
height: 240px;
margin-left: auto;
margin-right: auto;
background: #EFF0F0;
padding: 20px;
position: relative;
top: 40px;
border: 1px solid #D8D8D8;
}

/* ------------------------------------------------------------------------------------------------ */

/* Style for the text in the exhibition page and other text blocks*/
p.textblock
{
text-indent: 20px;
}

tr.emailrow
{
height:30px;
}

tr.addressrow
{
height:140px;
}

tr.phonerow
{
height:30px;
}

/* ------------------------------------------------------------------------------------------------ */

/* Styles for the gallery of thumbnails*/
div.thumbnails
{
position: relative;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px; /* gap between this and the prev/thumbnails/next menu */
width: 800px;
height: 600px;
padding: 0px;
}

/* style for each thumbnail division*/
div.thumbnail
{ 
float: left;
margin: 5px 5px 5px 5px;
}

/* this pushes the left-hand thumnails 20 pixels to the right to get all the thumbnails to center properly as a group*/
div.thumbnailLeft
{ 
float: left;
margin: 5px 5px 5px 25px;
}

/* border and other styles for the anchor round the images*/
a.thumbnail
{ 
clear: both; 
float: left; 
border: 1px solid #F6F6F6; 
background-color: #F6F6F6; 
padding: 8px;
} 

/* border and other styles for the anchor round the images when hovered over*/
a.thumbnail:hover
{
border: 1px solid #D8D8D8;
background-color: #EFF0F0;
}

/* hide the info block until it's hovered over*/
a.thumbnail span
{
display: none;
}

/* show the info block when it's hovered over*/
a.thumbnail:hover span
{
display: block;
position: absolute; top: 470px; left: 524px; width: 190px;
padding: 20px;
border: 1px solid #D8D8D8;
color:#505050;
background-color:#EFF0F0;
font-size: 11px;
text-align: right;
margin: 0px;
}