/*
Copyright  2001 Canadian Heritage Information Network

Virtual Museum of Canada

Image Gallery -- CUSTOM SHEET

Last Updated: Aug 28, 2003.

This Stylesheet is used for positioning and formatting of this specific landmark.
*/


#imageGallery {
  position:relative;
  width:574px;
  height:600px;
  left: 0px;
  top: 0px;
  color: #FFFFFF;
  z-index:1;
}

#imageGalleryLayout {
  position:relative;
  width:566px;
  height:600px;
  left: -5px;
  top: 0px;
  
  padding-left:10;
  
  
}

#imageGalleryInnerLayout {
  position:relative;
  width:530px;
  height:600px;
  left: -15px;
  top: 0px;
  
  
  padding-left:10;
  
  
}


#list {
  position:absolute;
  width:122px;
  height:320px;
  z-index:10;
  left: 488px;
  top: 37px;
}

#collage {
  position:absolute;
  width:200px;
  height:115px;
  z-index:10;
  top: 25px;
  left: 7px;
}


.dividingLine {
	border-style: solid;
	border-width: 1px;
	border-top: none;
	border-bottom: none;
	border-left: none;

}

.featureImage {
	border-style: solid;
	border-width: 1px;
	border-color: white;
}

.featureText {
	color: white;

}

.featureLinks:link {
	color: white;
}

.featureLinks:visited {
	color: white;
}

.featureLinks:hover {
	color: #D4D403;
}


.imageGalleryFeatureText {
	color: white;
	width: 380px;	
	padding-right: 20px;

}

#theCopyRightIG {
	position:inherit;
	width:800px;

	z-index:1;
	top:-11;
	left:20px;

	padding-top: 10px;
	padding-left: 50px;


}


.content {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; color: #FFFFFF; font-weight: normal; text-decoration: none; }

.contentBold {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.contentBOLDLarge {  font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.contentBlack {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; color: #000000; font-weight: normal; text-decoration: none; }
.contentBoldBlack {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; color: #000000; font-weight: bold; text-decoration: none; }

.spacing2 {  line-height: 22px}

.featuredImages { font-family: Arial, Helvetica, sans-serif; font-size:14pt; color:#999900; font-weight:bold; }
.menuLeftWhite { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; color: #FFFFFF; font-weight: bold; text-decoration: none; }

/*
These styles define the links in this particular landmark. They redefine the anchor tag.

*/
a:link 
{
text-decoration:underline;
color:#D4D403;

}
a:visited 
{
text-decoration:underline;
color:#D4D403;

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

}

a {
font-size: 12px;
}



/* Styles used for searchDisplay */

#gallerySearchResultsBg {
/*removed by Jason to fix obscured footer in Firefox
  position:relative;
*/
  width: 609px;
  height:100%;
  left: 0px;
  top: 0px;
  background-color: #FFFFFF;
  
}

#gallerySearchResultsFullDisplay {
  position:relative;
  width: 609px;
  height:100%;
  left: 0px;
  top: 0px;
  background-color: #FFFFFF;
  
}

#gallerySearchResults {
  position:relative;
  left: 15px;
  top: 15px;
  color: black;
  margin-bottom: 15px;
}


#gallerySearchResults br {
	line-height: 0;
}


#gallerySearchResultsMoreInfo {
  position:absolute;
  left: 300px;
  top: 0px;
  width: 290px;
  color: black;
  text-align:right;
}

/*
#gallerySearchResultsNextButton {
  position:absolute;
  left: 390px;
  top: 0px;
  width: 200px;
  color: black;
  text-align:right;
}
*/

#gallerySearchResultsNextButton {
  position:absolute;
  left: 340px;
  top: 0px;
  width: 250px;
  color: black;
  text-align:right;
}


#bottomBar {
  position:relative;
  left: 15px;
  top: 0px;
  
  color: black;
  
  
}

#langPolicy {
  position:relative;
  left: 15px;
  top: 0px;
  width: 200px;
  color: black;
  
  
}

#bottomButtons {
  position:relative;
  
  left: 390px;
  top: 0px;
  width: 200px;
  color: black;
  text-align:right;

}

#gallerySearchBottomButtons {
  position:absolute;
  
  left: 450px;
  top: 0px;
  width: 100px;
  color: black;
  text-align:right;

}


#gallerySearchResultsNextButtonBottom {
  position:relative;
  left: 490px;
  top: 0px;
  width: 100px;
  color: black;
  text-align:right;
  
}



#galleryImageRow {
  position:relative;
  left: 15px;
  top: 0px;
  height: 300px;
  color: black;
  padding-bottom: 20px;
  height: 350px;
}

#galleryImageRow1 {
  position:relative;
  height:auto;
  left: 15px;
  top:  0px;
  color: black;
  padding-bottom: 20px;
  clear:left ;
  padding-top: 5px;
}

#galleryImageRow2 {
  position:relative;
  height:auto;
  left: 15px;
  top:  0px;
  color: black;
  padding-bottom: 20px;
  clear:left ;
}


#galleryImage {
  position:relative;
  float:left;
  width: 32%;
  height:100%;
  padding-right: 5px;
  top: auto;
  color: black;
  padding-bottom: 10px;
  overflow: hidden;
  clip: auto;
}

#galleryImage2 {
  position:relative;
  float:left;
  width: 32%;
  height:100%;
  padding-right: 5px;
  top: auto;
  color: black;
}

#galleryImage3 {
  position:relative;
  float:left;
  width: 32%;
  height:100%;
  padding-right: 5px;
  top: auto;
  color: black;
}


/* Temp commented out.....

#galleryImage1 {
  position:relative;
  width: 170px;
  
  left: 0px;
  top: 0px;
  color: black;
}

#galleryImage2 {
  position:absolute;
  width: 170px; 
  left: 180px;
  top: 0px;
  color: black;
}

#galleryImage3 {
  position:absolute;
  width: 170px;
  left: 360px;
  top: 0px;
  color: black;
}


*/


#galleryImageDisplay {
  position:relative;
  left: 15px;
  top: 15px;
  color: black;
}

/* End of Styles used for searchDisplay */


/* Start of Styles used for tell me more */

#tellMeMore {
  position:relative;
  left: 0px;
  top: 0px;
  color: black;

  
  	 
}

/*
#tellMeMoreImage {
  position:absolute;
  left: 15px;
  top: 15px;
  width: 150px;
  color: black;
}
*/

#tellMeMoreImage {
  position:absolute;
  left: 15px;
  top: 15px;
  width: 220px;
  color: black;
  height: 100%;
  overflow: hidden;
  clip: auto;
}

/* left: 165px; */

#tellMeMoreText {
  position:relative;
  left: 235px;
  top: 15px;
  width: 350px;
  color: black;

}

#tellMeMoreNav {
  position:relative;
  left: 15px;
  top: 15px;
  
  width: 575px;
  color: black;
}

#tellMeMoreRightNav {
  position:relative;
  left: 150px;
  top: 15px;
  
  
  color: black;
}


.tellMeMoreTextFormat {
  
  spacing-bottom: -10px;

}


/* End of Styles used for tell me more */


/* Styles for imageGalleryFeatures */


#imageGalleryFeatures{
  position: relative;
  top: 20px;
  left: 10px;


}

#imageGalleryFeaturesColumns {
  position: relative;
  left: -20px;

}


#igFeaturesCol1 {
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: right;
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
  height: 450px;
  width: 150px;
  padding-right: 10px;
  border-top: none;
  border-bottom: none;  
  border-left: none;

}

#igFeaturesCol2 {
  position: absolute;
  left: 150px;
  top: 0px;
  text-align: right;
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
  height: 450px;  
  width: 150px;
  padding-right: 10px;
  border-top: none;
  border-bottom: none;  
  border-left: none;
  

}


#igFeaturesCol3 {
  position: absolute;
  left: 300px;
  top: 0px;
  text-align: right;  
  border-style: solid;  
  border-width: 1px;  
  border-color: #FFFFFF;  
  height: 450px;  
  width: 150px;
  padding-right: 10px;
  border-top: none;
  border-bottom: none;  
  border-left: none;
  
}


#igFeaturesCol4 {
  position: absolute;
  left: 450px;
  top: 0px;
  text-align: right;    
  border-style: solid;
  border-color: #FFFFFF;
  height: 450px;  
  width: 150px;
  padding-right: 10px;
  border-top: none;
  border-bottom: none;  
  border-left: none;
  border-right: none;
  

  
}


.igFeaturesHeader {
  color: white;
  font-weight: bold;

}


IMG {
	border-style: none;
}

/* End of Styles for imageGalleryFeatures */


/* Temp added for Image Gallery */

/* Styles for Display List */



#museumsSearchDisplay {

  position:relative;

  width:616px;

  background-color: #FFFFFF;

  left: 0px;

  top: 0px;

  

}





#museumsNavigateBy {

  position:absolute;

  width:160px;

  left: 10px;

  padding-top: 10px;

  padding-left: 5px;

  

}



#museumsDisplayList{

  position:relative;

  width:400px;



  left: 170px;

  padding-top: 10px;  

}







#museumsInfoDisplay {

  position:relative;

  width:609px;

  background-color: #FFFFFF;

  left: 0px;

  

}



#museumsInfo{

  position:relative;

  width:400px;



  left: 170px;

  padding-top: 10px;  

}





#museumsInfoTable {

  position:relative;

  width:600px;



  left: 15px;

  top: 15px;

  



}



#museumsTitle {

  position:relative;

  font-family: Arial;

  font-size: 18px;

  font-weight: bold;

  



}



#museumsDotForMembers {

  position:absolute;

  left: 600px;

}





#museumsLabelInfoRow {

  position:relative;

  top: 0px;

  padding-bottom: 10px;

  

  

}





#museumsRowLabel {

  position:absolute;

  font-family: Arial;

  font-size: 16px;

  font-weight: bold;  

  top: 0px;

  



}



#museumsRowInfo {

  position:relative;

  left: 150px;

  width: 450px; 

  top: 0px;

  



  

}







#museumsNextPrevButtons{

  position:relative;

  width: 100px;

  left: 318px;

  top: 5px;

  height: 20px;

  

}



#youSearchedFor{

  position:relative;

  width: 100px;

  left: 318px;

  top: 5px;

  height: 20px;

  

  

}





#museumsNextButton{

  position:absolute;

  width: 50px;

  left: 55px;

  top: 0px;

  height: 10px;

  padding-bottom: 5px;

  

}



#museumsPrevButton{

  position:absolute;

  width: 50px;

  left: 0px;

  top:0px;

  height: 10px;

  

}





#museumsList{

  position:relative;

  width:400px;

  top: -5px;

  left: 0px;

  

}



#museumsListItem{

  position:relative;

  width:400px;



  left: 0px;

  

}



#LanguageLink{

  position:relative;

  width:400px;

  left: 15px;

  padding-bottom: 10px;



}







#dividerLine{

  position:relative;

  width:400px;

  left: 0px;

  padding-bottom: 5px;

  padding-top: 5px; 

  

}



#mapViewerLink {

  position:absolute;

  top: 10px;

  left: 200px;

  width: 200px;

  text-align: right;



}



#backToLink {

  position:relative;

  top: 3px;

  left: 100px;

  width: 300px;

  text-align: right;

  padding-bottom: 10px;

  



}



.museumLocation {

  font-family: Arial;

  font-size: 14px;

  font-weight: bold;
  
  color: #000000;

}









#museumsInfoAndNav {



  position:relative;

  width:400px;

  left: 0px;

  min-height: 600px;



}



#museumsInfo {

  position:relative;

  width:430px;

  left: 0px;





}



#museumsLeftNav {



  position:absolute;

  width:170px;

  left: 415px;

  text-align: right;

  font-family: Arial;

  font-size: 12px;

    color: #000000;





}



.museumInfoHeading1 {

  font-family: Arial;

  font-size: 16px;

  font-weight: bold;
  
    color: #000000;



}



#museumsEventsList {

  position:relative;

  width:400px;

  left: 0px;

  top: -10px;





}





/* For Museums Events */





#findMuseumEventLayOut {

  position:relative;

  width:586px;

  /*height:600px;*/

  left: -8px;

  /*top: 20px;*/

        padding-bottom: 40px;

  

}





#eventsInfoDisplay {

  position:relative;

  width:609px;

  background-color: #FFFFFF;

  left: 0px;

  

}



#eventsInfo{

  position:relative;

  width:400px;



  left: 170px;

  padding-top: 10px;  

}





#eventsInfoTable {

  position:relative;

  width:600px;



  left: 20px;

  top: 15px;

  



}



#eventTitle {

  position:relative;

  font-family: Arial;

  font-size: 18px;

  font-weight: bold;

  
  color: #000000;


}



#eventsDot {

  position: absolute;

  left: 575px;

  top: 0px;

  font-family: Arial;

  font-size: 14px;

  
  color: #000000;


}





#highlightImageLink {

  position: relative;

  left: 0px;

  top: -15px;

  text-align: right;

  padding-right: 20px;

  padding-bottom: 0px;

}



#allEventInfo {

  position: relative;

  top: 0px;



}





#eventLabelInfoRow {

  position:relative;

  top: 0px;

  padding-bottom: 5px;

  

  

}





#eventRowLabel {

  position:absolute;

  font-family: Arial;

  font-size: 12px;

  font-weight: bold;  

  top: 0px;

  
  color: #000000;


}



#eventRowInfo {

  position:relative;

  left: 150px;

  width: 420px; 

  top: 0px;

  



  

}





#museumsEventNextPrevButtons {

  position: relative;

  left: 0px;

  top: 0px;

  text-align: right;

  padding-right: 20px;

  padding-bottom: 0px;  

}









#museumEventTitle {

  position:relative;

  font-family: Arial;

  font-size: 18px;

  font-weight: bold;

  left: 15px;

  
  color: #000000;


}



#museumEventBackButtonBottom {

  position:relative;

  left: 490px;

  width: 100px;

  color: black;

  text-align:right;

}



#findMuseumSearchResultsBg {

  position:relative;

  width: 609px;

  height:100%;

  left: 0px;

  top: 0px;

  background-color: #FFFFFF;

  

}





#findMuseumImageRow1 {

  position:relative;

  height:auto;

  left: 15px;

  top:  0px;

  color: black;

  padding-bottom: 20px;

  clear:left ;

}



#findMuseumImageRow2 {

  position:relative;

  height:auto;

  left: 15px;

  top:  20px;

  color: black;

  padding-bottom: 20px;

  clear:both ;

}



#findMuseumImage {

  position:relative;

  float:left;

  width: 32%;

  height:100%;

  padding-right: 5px;

  top: auto;

  color: black;

}



#findMuseumBottomGreyLine {

  position:relative;

  top: 20px;

  padding-bottom: 20px;

  clear:left ;

}



#findMuseumSearchResultsFullDisplay {

  position:relative;

  width: 609px;

  height:100%;

  left: 0px;

  top: 0px;

  background-color: #FFFFFF;

  

}



#findMuseumSearchResults {

  position:relative;

  left: 15px;

  top: 15px;

  color: black;

}





#findMuseumSearchResultsMoreInfo {

  position:absolute;

  left: 300px;

  top: 0px;

  width: 290px;

  color: black;

  text-align:right;

}



#findMuseumSearchResultsNextButton {

  position:absolute;

  left: 390px;

  top: 0px;

  width: 200px;

  color: black;

  text-align:right;

}



#findMuseumSearchBottomButtons {

  position:relative;

  left: 0px;

  top: -32px;

  width: 100px;

  color: black;

  text-align:right;

}





#findMuseumSearchResultsNextButtonBottom {

  position:absolute;

  left: 490px;

  top: -10px;

  width: 100px;

  color: black;

  text-align:right;

}

.size10    { font-family: Arial, Helvetica, sans-serif; color:#000000; font-size:10pt; }

.small { font-family: Arial, Helvetica, sans-serif ;  color:#000000; font-size:10pt; font-weight:bold;}

/* end of Image Gallery */