/*
Copyright © 2003 Canadian Heritage Information Network

Virtual Museum of Canada Page Layout v 2

Last Updated: Oct 03, 2003.

This Stylesheet is used to position the elements of all VMC pages, and declares custom classes
for formatting as it pertains to non-content area ONLY.  Positioning and formatting of the content area can be done through the landmark's custom stylesheet (found at /css/Features/{LM}/).
*/

/* temp for power outage  */

#powerOutage {
	display:block;
	color:#FFFFFF;
	background-color:#000000;
	width:800px;
	padding: 5px;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
}

/*  HTML Re-Definitions */
body {
	background-color:#666666;
	margin: 0;
}


/*  Positioning Styles */
#entirePage {
	/*position:absolute;*/
	width:800px;
	height:100%;
	left: 0;
	top: 0;
	z-index:1;
	background-color:#666666;
}


#symHeader {
	position:relative;
	width:800px;
	
	z-index:66;
	
}

#symFooter {
	position:relative;
	top:40px;
	width:800px;
	
	z-index:66;
	background-color:#FFFFFF;
	
}


/*  Styles for Header - START */
#theHeader {
	position:relative;
	width:800px;
	height:80px;
	z-index:10;
}

#theHeaderHomePage {
	position:relative;
	width:800px;
	height:100px;
	z-index:10;
}

#theHorizLineHomePage {
	position:absolute;
	left:-20px;
	width:100%;
	height:1px;
	top:100px;
	background-color:white;
	z-index:3;
}


#theVertLineHomePage {
	position:absolute;
	top:0;
	width:1px;
	height:500px;
	left: 608px;
	background-color:white;
	z-index:3;
}




#vmcLogo {
	position:absolute;
	width:170px;
	height:53px;
	z-index:10;
	top:5px;
	left: 550px;
}


#vmcLogoHomePage {
	position:absolute;
	width:170px;
	height:53px;
	z-index:10;
	top:5px;
	left: 500px;
}

#vmcLogoHomePageFr {
	position:absolute;
	width:170px;
	height:53px;
	z-index:10;
	top:5px;
	left: 520px;
}

#topImagesNav {
	position:absolute;
	width:800px;
	z-index:10;
	padding-left:5px;
	padding-top:5px;
}


#theHeaderGraphic {
	position:absolute;
	width:500px;
	z-index:10;
	top: 36px;
	
}

#theHorizLine {
	position:relative;
	left:-20px;
	width:100%;
	height:1px;
	top:80px;
	background-color:white;
	z-index:3;
}
/*  Styles for Header - END */



/*  Styles for ContentAndNav - START */
#theContentAndNav {
	position:relative;
	width:800px;
	z-index:1;
	top:0;
}


#theNav {
	position:absolute;
	width:200px;
	left: 608px;
	top:0px;
	height:700px;
	padding-top: 20px;
	padding-left: 20px;
	z-index:15;
	background-color:#666666;
	/*background-color:green;*/
	border-left: solid 1px #fff;
}


#theNavLinks {
	position:relative;
	width:150px;
	left: -20px;
	padding-bottom:5px;
}

#theNavHorizLine {
	position:relative;
	left:-20px;
	width:175px;
	height:1px;
	background-color:white;
	z-index:10;
}

#theNavSponsor {
	position:relative;
	left:-15px;
	top: 10px;
	width:150;
}





#theSearchBox {
	position:relative;
}


#theNavForm {
	position:relative;
	left:-10px;
	/*top:-20px;*/
	padding-bottom:3px;
}



#theNavRadioEntire {
	position:relative;
	left: -8px;
	vertical-align: middle;


}


.rightNavRadio {
	position:relative;
}


.rightNavRadioFr {
	position:relative;
	top: -7px;


}



#theNavRadioSub {
	position:relative;
	left: 20px;
}


#theNavRadioSubFr {
	position:relative;
	left: 20px;
	
}


.landMarkNavSearchBoxBorder {
	position:relative;
	left:-10px;
	border: medium solid #666666;
}


#theVertLine {  /* this element no longer used - replaced by left border on #theNav */
	position:absolute;
	top:0;
	width:1px;
	height:100%;
	left: 608px;
	background-color:white;
	z-index:3;
}

#theVertLineIG {
	position:absolute;
	top:80;
	width:1px;
	height:100%;
	left: 608px;
	background-color:white;
	z-index:3;
}

#theContent {
	position:relative;
	width:618px;
	
	top:-5;
	z-index:1;
	background-color:#666666;
	/*background-color:blue;*/
	
	padding-bottom: 0px;
}

/*  Styles for ContentAndNav - End */



#theCopyRight {
	position:relative;
	width:800px;
	height:600px;
	/* z-index:1; */
	/* top:-11; */
	left:20px;
	/* padding-top: 50px; */
	padding-top: 50px;
	padding-left: 50px;
	padding-bottom: 10px;
	background-color:#666666;
	/*background-color:red;*/
}

#copyRightVertLine {
	position:relative;
	top:0;
	width:1px;
	height:50px;
	left: 608px;
	background-color:white;
	z-index:3;
}