/*
Copyright © 2001 Canadian Heritage Information Network

Virtual Museum of Canada

COMMUNITY MEMORIES -- CUSTOM SHEET

Last Updated: May 5, 2004

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

div {
position:relative;
margin: 0px;
padding: 0px;
border : 0px;
} 

img {
margin: 0px;
padding: 0px;
border : 0px;
} 

#communityMemories {
	position:relative;
	width:608px;
	height:600px;
	left: -2px;
	top: -11px;
	z-index:2;
	color: #FFFFFF;
}

/* Michael's mar 06 additions -- clean up later */

#leftColumn {
	position:relative;
	width: 280px;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 10px;	
	padding-top: 10px;

}

#rightColumn {
	position: absolute;
	left: 300px;
	top: 140px;
	width: 280px;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 10px;	
	padding-top: 10px;
}


/* TABLINE */

#cmTabline {
	position: relative;
	width: 414px;
	top: 50px;
	left: 50px;

}

#tab1 {
	position: absolute;
	top: 0px;
}

#tab2 {
	position: absolute;
	top: 0px;
	right: 85px;
}

#tab3 {
	position: absolute;
	top: 0px;
	right: 0px;
}

#tabWhiteLine {
	position: absolute;
	top: 19px;
}

#advancedSearch {
	position: absolute;
	top: 24px;
	right: 0px;
}


/* Michael's mar 06 additions -- clean up later */

#cmInnerLayer {
	position:relative;
	//width:608px;
	//height:600px;
	left: 0px;
	top: 0px;
	//z-index:2;
	//color: #FFFFFF;
}

#cmInnerLayer1 {
	position:relative;
	//width:608px;
	//height:600px;
	left: 0px;
	top: 0px;
	//z-index:2;
	//color: #FFFFFF;
}


#cmTabs {
	position:relative;
	left: 10px;
	top: 2px;
	

}

#cmTabsLine {
	position:relative;
	left: 10px;
	top: -5px;	
	

	
	
}

#cmResults {
	position:relative;
	left: 525px;
	top: 0px;
	align:right;
}

#cmSearchedFor {
	position:absolute;
	left: 0px;
	top: 0px;
}

#cmTabsLineResults {
	position:relative;
	left: 5px;
	top: -10px;
	background-color: #339999;
}

#cmTabsLineResultsList {
	position:relative;
	left: 5px;
	top: -30px;
	background-color: #FFFFFF;

}


#cmInputBox {
	position:relative;
	left: 10px;
	top: 5px;
	width: 95%;
}

#cmDropDowns {
	position:relative;
	left: 10px;
	top: -3px;
}

#cmDropDownsRight {
	position:relative;
	left: 200px;
	top: 0px;
}

#cmDropDownsLeft {
	position:absolute;
	left: 10px;
	top: 0px;
}



/* Styles for directoryList */

#cmDirList {
	position:relative;
	left: 10px;
	top: 0px;
	width: 100%;
	font-family: Arial;
	font-size: 12px;
		
}


#dirListRow1 {
	position:relative;
	left: 10px;
	top: 0px;
	width: 95%;
	color: #FFFFFF;
	padding-bottom: 10px;
}


#dirListRow1 a {
	color: #FFFFFF;
	font-weight: normal;
}


#dirListRow1 a:hover {
	color:#339999;
}





#dirListRow2 {
	position:relative;
	left: 10px;
	top: 0px;
}



#dirListCol1 {
	position:relative;
	float: left;
	clear: left;
	top: 0px;
	width: 45%;
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 10px;
	
}

#dirListCol2 {
	position:relative;
	float: right;
	clear: right;
	top: 0px;
	width: 45%;	
	font-family: Arial;
	font-size: 12px;	
	padding-bottom: 10px;
}

#dirCol1Header {
	position:relative;
	left: -10px;
	top: 0px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

#dirRowHeader {
	position:relative;
	top: 0px;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
	color: #FFFFFF;
	clear: both;
}







ul li
	{
	list-style-image: url(../../../English/Feature_images/CommunityMemories/ExploreImages/dk_green_bullet.gif);
	list-style-position: outside;
	
	font-family: Arial;
	color: #FFFFFF;
	margin-bottom: 20;
}

.cmExploreColumnListLinks {
	font-family: Arial;
	color: #FFFFFF;


}


#cmExplore {
	position:relative;
	width:586px;
	height:100%;
	left: -3px;
	top: -2px;
}



#cmExploreHeader {
	position:absolute;
	width:586px;
	
	z-index:1;
	left: -3px;
	top: -2px;
	font-family: Arial;
	color: #FFFFFF;
}

#cmExploreColumns {
	position:relative;
	width:586px;

	left: 0px;
	top: 85px;
	padding-bottom: 200px;
}

#cmExploreLeftColumn {
	position:absolute;
	width:300px;
	
	left: -3px;
	top: -2px;
}

#cmExploreRightColumn {
	position:relative;
	width:280px;
	
	z-index:3;
	left: 300px;
	top: -2px;
}


	
p {
  color: #FFFFFF;	

}

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

*/
a:link 
{
	text-decoration:underline;
	font-weight: bold;
	color:#339999;
}
a:visited 
{
	text-decoration:underline;
	font-weight: bold;
	color:#339999;
}
a:hover 
{
	text-decoration:underline;
	font-weight: bold;
	color:#000000;
}


.featuredImages { font-family: Arial, Helvetica, sans-serif; font-size:14pt; color:#339999; font-weight:bold; }

.CMCategories {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

a.CMCategories:hover {color: #009999}

CMCategoriesHeading {
	font-weight: bold;
}

a.CMLandmarkHeading:hover {color: #009999}
a.CMSearchNavigateResults:hover {font-weight: bold}
a.CMSearchResults:hover {font-weight: bold}




.CMSubCategories {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;

}
a.CMSubCategories:hover {color: #009999}


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

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


/*.contentBlack is an element from the vmc style sheet required for CM search results   */

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


/* Styles for the searchDisplayImages */

#searchResults {
	position:relative;
	top: 30px;
	left: -8px;
	width: 608px;
}

#searchResultsTabLine {
	position:relative;
	top: 5px;
	left: 0px;
	
	

}

#searchResultsTab1 {
	position:relative;
	top: 0px;
	left: 10px;
}


#searchResultsTab2 {
	position:absolute;
	top: 0px;
	left: 100px;
}

#searchResultsTab3 {
	position:absolute;
	top: 0px;
	left: 350px;
}

#searchResultsAdvancedTab {
	position:absolute;
	top: 0px;
	left: 500px;
}



#brownLine {
	position:relative;
	top: 0px;
	left: 0px;
	background-color: #A17C6C;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;

}

#brownLineSearchedFor {
	position: relative;
	padding-left: 10px;	
	

}

#brownLineSearchResults {
	position: absolute;
	top: 0px;
	left: 480px;
	text-align: right;
	

}


#searchResultsWhiteBg {
	position:relative;
	top: 0px;
	background-color: #ffffff;

}

#linkToOtherLanguage {
	position:relative;
	top: 0px;
	background-color: #FFFFFF;
	text-align: right;
	padding-bottom: 10px;
}

#noLangResultsText {
	position:relative;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;	
	background-color: white;
	text-align: left;
	padding-left: 10px;	
	padding-bottom: 10px;
}




#searchResultsRow {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
	height: 200px;
	background-color: white;
	padding-bottom: 20px;	

}

#searchResultsCol1 {
	position:relative;
	top: 0px;
	left: 20px;
	width: 100px;	
	

}

#searchResultsCol2 {
	position:absolute;
	left: 240px;
	top: 0px;
	width: 100px;

}

#searchResultsCol3 {
	position:absolute;
	left: 425px;
	top: 0px;	
	width: 100px;	
}

#searchResultsNextNumbers {
	position: relative;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
	background-color: white;
	padding-bottom: 20px;	

}


/* End of Styles for the searchDisplayImages */


/* Styles for the searchDisplayExhibits */


#greenLine {
	position:relative;
	top: 0px;
	left: 0px;
	background-color: #339999;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;

}

#greenLineSearchedFor {
	position: relative;
	padding-left: 10px;
	

}

#greenLineSearchResults {
	position: absolute;
	top: 0px;
	left: 480px;
	text-align: right;
	

}

#searchResultExhibitRow{
	position:relative;
	left: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
	
	background-color: white;
	padding-left: 20px;
		
	padding-top: 20px;	


}