/* 
    Document   : index
    Created on : 24-Jan-2009, 13:30:51
    Author     : Daniel Murphy
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

/**********************************************
container whole page except footer
***********************************************/
#container {
  height: 1655px;
}

/**********************************************
outer container for content div position on page
pagecontentouter.height = container.height - pagecontentouter.top (150 or see general.css) - 1
***********************************************/
#pagecontentouter {
  height: 1504px;
}


/**********************************************
Specific page content
pagecontentinner.height = pagecontentouter.height - mainsubtitle.top - mainsubtitle.height - 2 (see general.css)
pagecontentinner.height = pagecontentouter.height - 61
***********************************************/
#pagecontentinner {
  height: 1444px;
}

#mainimg {
  position: absolute;
  top: 0px;
  left: 0px;
  border: 0px;
  margin: 0px;
}

/**********************************************
outer container horizontal list
***********************************************/
#exhibitionlist {
  position: absolute;
  overflow: auto;
  top: 44px;
  left: 20px;
  height: 275px;
  width: 760px;
}

/**********************************************
exhibition text style
***********************************************/
#exhibitiontext {
  position: absolute;
  top: 40px;
  left: 20px;
  right: 20px;
  text-align: left;
}

/**********************************************
exhibition link style
***********************************************/
a.exhibitionindex {
  font-size:	0.8em;
  text-decoration:none;
  color: #80945f;
}

a.exhibitionindex img {
  border: 1px solid #ffffff;
}

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

a.exhibitionindex:hover img {
  border: 1px solid #000000;
}

/**********************************************
table container for horizontal list
***********************************************/
.imagelist table {
  width: 100%;
}

.imagelist tr {
  text-align: left;
  vertical-align: top;
}

.imagelist td {
  width: 200px;
  text-align: left;
  vertical-align: top;
}

#gallerylist {
  //top: 400px;
  height: 310px;
}


/**********************************************
captions below thumb nail images in gallery
***********************************************/
.galleryCaption {
  font-family: Arial, Verdana, sans-serif;
  font-size: 0.7em;  
  font-weight: bold;
}




/**********************************************
page links
***********************************************/
a.gallerylink {
  font-size:	0.8em;
  font-weight: bold;
  text-decoration:none;
  color: #cccccc;
}

a.gallerylink:hover {
  font-size:	0.8em;
  text-decoration:none;
  color: #000000;
}

a.gallerylinkcurrent {
  font-size:	1.0em;
  font-weight: bold;
  text-decoration:none;
  color: #000000;
}

a.gallerylinkcurrent:hover {
  font-size:	1.0em;
  text-decoration:none;
  color: #000000;
}